@basic-ui/core 0.0.51 → 0.0.53

package/build/esm/DatePicker/RangeDatePicker.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { MonthNames, DayNames } from './dateTypes';
+export declare type RangeDatePickerProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> & {
+    as?: React.ElementType<any>;
+    minDate?: Date;
+    maxDate?: Date;
+    dayNames: DayNames;
+    monthNames: MonthNames;
+    children?: React.ReactNode[];
+    onChange?: (from: Date | null, to: Date | null) => void;
+    from?: Date | null;
+    to?: Date | null;
+    defaultFrom?: Date | null;
+    defaultTo?: Date | null;
+};
+export declare const RangeDatePicker: React.ForwardRefExoticComponent<Pick<React.HTMLAttributes<HTMLDivElement>, "dir" | "slot" | "style" | "title" | "children" | "onFocus" | "onBlur" | "id" | "hidden" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {
+    as?: "symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | "big" | "keygen" | "menuitem" | "noindex" | "webview" | "animate" | "animateMotion" | "animateTransform" | "feDropShadow" | "mpath" | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
+    minDate?: Date | undefined;
+    maxDate?: Date | undefined;
+    dayNames: DayNames;
+    monthNames: MonthNames;
+    children?: React.ReactNode[] | undefined;
+    onChange?: ((from: Date | null, to: Date | null) => void) | undefined;
+    from?: Date | null | undefined;
+    to?: Date | null | undefined;
+    defaultFrom?: Date | null | undefined;
+    defaultTo?: Date | null | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

package/build/esm/DatePicker/RangeDatePicker.js

@@ -0,0 +1,94 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import React, { forwardRef, useRef, useState } from 'react';
+import { assignMultipleRefs } from '../utils/assignRef';
+import { adjustDates } from './adjustDates';
+import { RangeDatePickerProvider } from './contexts';
+export var RangeDatePicker = forwardRef(function RangeDatePicker(_ref, ref) {
+  var _ref$as = _ref.as,
+      Comp = _ref$as === void 0 ? 'div' : _ref$as,
+      _ref$minDate = _ref.minDate,
+      propMinDate = _ref$minDate === void 0 ? new Date(0) : _ref$minDate,
+      _ref$maxDate = _ref.maxDate,
+      propMaxDate = _ref$maxDate === void 0 ? new Date() : _ref$maxDate,
+      dayNames = _ref.dayNames,
+      monthNames = _ref.monthNames,
+      onChange = _ref.onChange,
+      controlledFrom = _ref.from,
+      controlledTo = _ref.to,
+      defaultFrom = _ref.defaultFrom,
+      defaultTo = _ref.defaultTo,
+      rest = _objectWithoutProperties(_ref, ["as", "minDate", "maxDate", "dayNames", "monthNames", "onChange", "from", "to", "defaultFrom", "defaultTo"]);
+
+  var isControlled = controlledFrom !== undefined && controlledTo !== undefined;
+  var minDate = propMinDate,
+      maxDate = propMaxDate;
+  var rangeDatePickerRef = useRef(null);
+
+  var _useState = useState({
+    from: defaultFrom || null,
+    to: defaultTo || null
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      _useState2$ = _useState2[0],
+      stateFrom = _useState2$.from,
+      stateTo = _useState2$.to,
+      setDates = _useState2[1];
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      innerHasFocus = _useState4[0],
+      setInnerHasFocus = _useState4[1];
+
+  var onChangeFrom = function onChangeFrom(from) {
+    var to = stateTo;
+
+    var _adjustDates = adjustDates(from, to, 'from'),
+        nextFrom = _adjustDates.from,
+        nextTo = _adjustDates.to;
+
+    onChange && onChange(nextFrom, nextTo);
+    setDates({
+      from: nextFrom,
+      to: nextTo
+    });
+  };
+
+  var onChangeTo = function onChangeTo(to) {
+    var from = stateFrom;
+
+    var _adjustDates2 = adjustDates(from, to, 'to'),
+        nextFrom = _adjustDates2.from,
+        nextTo = _adjustDates2.to;
+
+    onChange && onChange(nextFrom, nextTo);
+    setDates({
+      from: nextFrom,
+      to: nextTo
+    });
+  };
+
+  var from = isControlled ? controlledFrom : stateFrom;
+  var to = isControlled ? controlledTo : stateTo;
+  var contextValue = {
+    rangeDatePickerRef: rangeDatePickerRef,
+    innerHasFocus: innerHasFocus,
+    setInnerHasFocus: setInnerHasFocus,
+    minDate: minDate,
+    maxDate: maxDate,
+    from: from,
+    to: to,
+    dayNames: dayNames,
+    monthNames: monthNames,
+    onChangeFrom: onChangeFrom,
+    onChangeTo: onChangeTo
+  };
+  return /*#__PURE__*/React.createElement(RangeDatePickerProvider, {
+    value: contextValue
+  }, /*#__PURE__*/React.createElement(Comp, _extends({
+    ref: assignMultipleRefs(ref, rangeDatePickerRef),
+    "data-has-focus": innerHasFocus ? '' : undefined
+  }, rest)));
+});
+//# sourceMappingURL=RangeDatePicker.js.map

package/build/esm/DatePicker/RangeDatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/DatePicker/RangeDatePicker.tsx"],"names":["React","forwardRef","useRef","useState","assignMultipleRefs","adjustDates","RangeDatePickerProvider","RangeDatePicker","ref","as","Comp","minDate","propMinDate","Date","maxDate","propMaxDate","dayNames","monthNames","onChange","controlledFrom","from","controlledTo","to","defaultFrom","defaultTo","rest","isControlled","undefined","rangeDatePickerRef","stateFrom","stateTo","setDates","innerHasFocus","setInnerHasFocus","onChangeFrom","nextFrom","nextTo","onChangeTo","contextValue"],"mappings":"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","sourcesContent":["import React, { forwardRef, useRef, useState } from 'react';\nimport { MonthNames, DayNames } from './dateTypes';\nimport { assignMultipleRefs } from '../utils/assignRef';\nimport { adjustDates } from './adjustDates';\nimport {\n  RangeDatePickerProvider,\n  RangeDatePickerContextProps,\n} from './contexts';\n\nexport type RangeDatePickerProps = Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  'onChange'\n> & {\n  as?: React.ElementType<any>;\n  minDate?: Date;\n  maxDate?: Date;\n  dayNames: DayNames;\n  monthNames: MonthNames;\n  children?: React.ReactNode[];\n  onChange?: (from: Date | null, to: Date | null) => void;\n  from?: Date | null;\n  to?: Date | null;\n  defaultFrom?: Date | null;\n  defaultTo?: Date | null;\n};\n\nexport const RangeDatePicker = forwardRef<HTMLDivElement, RangeDatePickerProps>(\n  function RangeDatePicker(\n    {\n      as: Comp = 'div',\n      minDate: propMinDate = new Date(0),\n      maxDate: propMaxDate = new Date(),\n      dayNames,\n      monthNames,\n      onChange,\n      from: controlledFrom,\n      to: controlledTo,\n      defaultFrom,\n      defaultTo,\n      ...rest\n    },\n    ref\n  ) {\n    const isControlled =\n      controlledFrom !== undefined && controlledTo !== undefined;\n\n    const minDate = propMinDate,\n      maxDate = propMaxDate;\n\n    const rangeDatePickerRef = useRef<HTMLDivElement | null>(null);\n    const [{ from: stateFrom, to: stateTo }, setDates] = useState({\n      from: (defaultFrom || null) as Date | null,\n      to: (defaultTo || null) as Date | null,\n    });\n    const [innerHasFocus, setInnerHasFocus] = useState(false);\n\n    const onChangeFrom = (from: Date | null) => {\n      const to = stateTo;\n      const { from: nextFrom, to: nextTo } = adjustDates(from, to, 'from');\n\n      onChange && onChange(nextFrom, nextTo);\n      setDates({ from: nextFrom, to: nextTo });\n    };\n\n    const onChangeTo = (to: Date | null) => {\n      const from = stateFrom;\n      const { from: nextFrom, to: nextTo } = adjustDates(from, to, 'to');\n\n      onChange && onChange(nextFrom, nextTo);\n      setDates({ from: nextFrom, to: nextTo });\n    };\n\n    const from = isControlled ? controlledFrom : stateFrom;\n    const to = isControlled ? controlledTo : stateTo;\n\n    const contextValue: RangeDatePickerContextProps = {\n      rangeDatePickerRef,\n      innerHasFocus,\n      setInnerHasFocus,\n      minDate,\n      maxDate,\n      from,\n      to,\n      dayNames,\n      monthNames,\n      onChangeFrom,\n      onChangeTo,\n    };\n\n    return (\n      <RangeDatePickerProvider value={contextValue}>\n        <Comp\n          ref={assignMultipleRefs(ref, rangeDatePickerRef)}\n          data-has-focus={innerHasFocus ? '' : undefined}\n          {...rest}\n        />\n      </RangeDatePickerProvider>\n    );\n  }\n);\n"],"file":"RangeDatePicker.js"}

package/build/esm/DatePicker/adjustDates.d.ts

@@ -0,0 +1,4 @@
+export declare function adjustDates(from: Date | null, to: Date | null, frozenParam: 'from' | 'to'): {
+    from: Date | null;
+    to: Date | null;
+};

package/build/esm/DatePicker/adjustDates.js

@@ -0,0 +1,18 @@
+import { addDays, isValid, differenceInDays } from 'date-fns';
+export function adjustDates(from, to, frozenParam) {
+  if (to && isValid(to) && from && isValid(from)) {
+    if (differenceInDays(to, from) < 1) {
+      if (frozenParam === 'from') {
+        to = addDays(from, 1); // add one day
+      } else {
+        from = addDays(from, -1); // remove one day
+      }
+    }
+  }
+
+  return {
+    from: from,
+    to: to
+  };
+}
+//# sourceMappingURL=adjustDates.js.map

package/build/esm/DatePicker/adjustDates.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/DatePicker/adjustDates.ts"],"names":["addDays","isValid","differenceInDays","adjustDates","from","to","frozenParam"],"mappings":"AAAA,SAASA,OAAT,EAAkBC,OAAlB,EAA2BC,gBAA3B,QAAmD,UAAnD;AAEA,OAAO,SAASC,WAAT,CACLC,IADK,EAELC,EAFK,EAGLC,WAHK,EAIL;AACA,MAAID,EAAE,IAAIJ,OAAO,CAACI,EAAD,CAAb,IAAqBD,IAArB,IAA6BH,OAAO,CAACG,IAAD,CAAxC,EAAgD;AAC9C,QAAIF,gBAAgB,CAACG,EAAD,EAAKD,IAAL,CAAhB,GAA6B,CAAjC,EAAoC;AAClC,UAAIE,WAAW,KAAK,MAApB,EAA4B;AAC1BD,QAAAA,EAAE,GAAGL,OAAO,CAACI,IAAD,EAAO,CAAP,CAAZ,CAD0B,CACH;AACxB,OAFD,MAEO;AACLA,QAAAA,IAAI,GAAGJ,OAAO,CAACI,IAAD,EAAO,CAAC,CAAR,CAAd,CADK,CACqB;AAC3B;AACF;AACF;;AAED,SAAO;AAAEA,IAAAA,IAAI,EAAJA,IAAF;AAAQC,IAAAA,EAAE,EAAFA;AAAR,GAAP;AACD","sourcesContent":["import { addDays, isValid, differenceInDays } from 'date-fns';\n\nexport function adjustDates(\n  from: Date | null,\n  to: Date | null,\n  frozenParam: 'from' | 'to'\n) {\n  if (to && isValid(to) && from && isValid(from)) {\n    if (differenceInDays(to, from) < 1) {\n      if (frozenParam === 'from') {\n        to = addDays(from, 1); // add one day\n      } else {\n        from = addDays(from, -1); // remove one day\n      }\n    }\n  }\n\n  return { from, to };\n}\n"],"file":"adjustDates.js"}

package/build/esm/DatePicker/contexts.d.ts

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+import { MonthNames, DayNames } from './dateTypes';
+import { ReducerState, ReducerActions } from './hooks';
+export interface RangeDatePickerContextProps {
+    rangeDatePickerRef: React.MutableRefObject<HTMLDivElement | null>;
+    innerHasFocus: boolean;
+    setInnerHasFocus: (hasFocus: boolean) => void;
+    minDate: Date;
+    maxDate: Date;
+    from?: Date | null;
+    to?: Date | null;
+    onChangeFrom: (d: Date | null) => void;
+    onChangeTo: (d: Date | null) => void;
+    dayNames: DayNames;
+    monthNames: MonthNames;
+}
+export declare const RangeDatePickerProvider: import("react").Provider<RangeDatePickerContextProps | null>;
+export declare const useRangeDatePickerContext: () => RangeDatePickerContextProps | null;
+export interface DatePickerContextProps {
+    minDate: Date;
+    maxDate: Date;
+    dayNames: DayNames;
+    monthNames: MonthNames;
+    datePickerRef: React.MutableRefObject<HTMLDivElement | null>;
+    state: ReducerState;
+    dispatch: (value: ReducerActions) => void;
+    controlledValueRef: React.MutableRefObject<Date | null | undefined>;
+    onChangeRef: React.MutableRefObject<((from: Date | null) => void) | undefined>;
+}
+export declare const useDatePickerContext: () => DatePickerContextProps;
+export declare const DatePickerProvider: import("react").Provider<DatePickerContextProps>;

package/build/esm/DatePicker/contexts.js

@@ -0,0 +1,15 @@
+import { createContext, useContext } from 'react';
+var rangeContext = createContext(null);
+var RangeDatePickerProvider = rangeContext.Provider;
+export { RangeDatePickerProvider };
+export var useRangeDatePickerContext = function useRangeDatePickerContext() {
+  return useContext(rangeContext);
+}; // DatePicker
+
+var datePickerContext = createContext(null);
+export var useDatePickerContext = function useDatePickerContext() {
+  return useContext(datePickerContext);
+};
+var DatePickerProvider = datePickerContext.Provider;
+export { DatePickerProvider };
+//# sourceMappingURL=contexts.js.map

package/build/esm/DatePicker/contexts.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/DatePicker/contexts.ts"],"names":["createContext","useContext","rangeContext","RangeDatePickerProvider","Provider","useRangeDatePickerContext","datePickerContext","useDatePickerContext","DatePickerProvider"],"mappings":"AAAA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,OAA1C;AAmBA,IAAMC,YAAY,GAAGF,aAAa,CAAqC,IAArC,CAAlC;IACyBG,uB,GAA4BD,Y,CAAtCE,Q;;AACf,OAAO,IAAMC,yBAAyB,GAAG,SAA5BA,yBAA4B;AAAA,SAAMJ,UAAU,CAACC,YAAD,CAAhB;AAAA,CAAlC,C,CAEP;;AAcA,IAAMI,iBAAiB,GAAGN,aAAa,CAAyB,IAAzB,CAAvC;AACA,OAAO,IAAMO,oBAAoB,GAAG,SAAvBA,oBAAuB;AAAA,SAAMN,UAAU,CAACK,iBAAD,CAAhB;AAAA,CAA7B;IACkBE,kB,GAAuBF,iB,CAAjCF,Q","sourcesContent":["import { createContext, useContext } from 'react';\nimport { MonthNames, DayNames } from './dateTypes';\nimport { ReducerState, ReducerActions } from './hooks';\n\n// RangeDatePicker\nexport interface RangeDatePickerContextProps {\n  rangeDatePickerRef: React.MutableRefObject<HTMLDivElement | null>;\n  innerHasFocus: boolean;\n  setInnerHasFocus: (hasFocus: boolean) => void;\n  minDate: Date;\n  maxDate: Date;\n  from?: Date | null;\n  to?: Date | null;\n  onChangeFrom: (d: Date | null) => void;\n  onChangeTo: (d: Date | null) => void;\n  dayNames: DayNames;\n  monthNames: MonthNames;\n}\n\nconst rangeContext = createContext<RangeDatePickerContextProps | null>(null);\nexport const { Provider: RangeDatePickerProvider } = rangeContext;\nexport const useRangeDatePickerContext = () => useContext(rangeContext);\n\n// DatePicker\nexport interface DatePickerContextProps {\n  minDate: Date;\n  maxDate: Date;\n  dayNames: DayNames;\n  monthNames: MonthNames;\n  datePickerRef: React.MutableRefObject<HTMLDivElement | null>;\n  state: ReducerState;\n  dispatch: (value: ReducerActions) => void;\n  controlledValueRef: React.MutableRefObject<Date | null | undefined>;\n  onChangeRef: React.MutableRefObject<\n    ((from: Date | null) => void) | undefined\n  >;\n}\nconst datePickerContext = createContext<DatePickerContextProps>(null as any);\nexport const useDatePickerContext = () => useContext(datePickerContext);\nexport const { Provider: DatePickerProvider } = datePickerContext;\n"],"file":"contexts.js"}

package/build/esm/DatePicker/dateTypes.d.ts

@@ -0,0 +1,2 @@
+export declare type DayNames = [string, string, string, string, string, string, string];
+export declare type MonthNames = [string, string, string, string, string, string, string, string, string, string, string, string];

package/build/esm/DatePicker/dateTypes.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=dateTypes.js.map

package/build/esm/DatePicker/dateTypes.js.map

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

package/build/esm/DatePicker/hooks.d.ts

@@ -0,0 +1,36 @@
+export declare const FOCUS = "FOCUS";
+export declare const BLUR = "BLUR";
+export declare const NAVIGATE = "NAVIGATE";
+export declare const SET_DATE = "SET_DATE";
+export declare type ActionTypes = typeof FOCUS | typeof BLUR | typeof NAVIGATE | typeof SET_DATE;
+export interface ReducerState {
+    isFocused: boolean;
+    navigationYear: number;
+    navigationMonth: number;
+    navigationDay: number;
+    selectedDate: Date | null;
+}
+interface FocusAction {
+    type: typeof FOCUS;
+}
+interface NavigateAction {
+    type: typeof NAVIGATE;
+    year: number;
+    month: number;
+    day: number;
+}
+interface SetDateAction {
+    type: typeof SET_DATE;
+    selectedDate: Date | null;
+}
+interface BlurAction {
+    type: typeof BLUR;
+    selectedDate: Date | null;
+}
+export declare type ReducerActions = FocusAction | BlurAction | NavigateAction | SetDateAction;
+export declare function reducer(currentState: Readonly<ReducerState>, action: ReducerActions): ReducerState;
+export declare function useInnerFocus(): {
+    handleFocus: () => void;
+    handleBlur: () => void;
+};
+export {};

package/build/esm/DatePicker/hooks.js

@@ -0,0 +1,98 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { useRangeDatePickerContext, useDatePickerContext } from './contexts'; ////////////////////////////////////////////////////////////////////////////////
+// Actions
+
+export var FOCUS = 'FOCUS';
+export var BLUR = 'BLUR';
+export var NAVIGATE = 'NAVIGATE';
+export var SET_DATE = 'SET_DATE';
+export function reducer(currentState, action) {
+  switch (action.type) {
+    case FOCUS:
+      return _extends(_extends({}, currentState), {}, {
+        isFocused: true
+      });
+
+    case BLUR:
+      return _extends(_extends({}, currentState), {}, {
+        navigationYear: -1,
+        navigationMonth: -1,
+        navigationDay: -1,
+        selectedDate: action.selectedDate,
+        isFocused: false
+      });
+
+    case NAVIGATE:
+      return _extends(_extends({}, currentState), {}, {
+        navigationYear: action.year,
+        navigationMonth: action.month,
+        navigationDay: action.day
+      });
+
+    case SET_DATE:
+      {
+        return _extends(_extends({}, currentState), {}, {
+          navigationYear: -1,
+          navigationMonth: -1,
+          navigationDay: -1,
+          selectedDate: action.selectedDate
+        });
+      }
+  }
+} ////////////////////////////////////////////////////////////////////////////////
+// Hooks
+
+export function useInnerFocus() {
+  var _useDatePickerContext = useDatePickerContext(),
+      dispatch = _useDatePickerContext.dispatch,
+      onChangeRef = _useDatePickerContext.onChangeRef,
+      datePickerRef = _useDatePickerContext.datePickerRef,
+      _useDatePickerContext2 = _useDatePickerContext.state,
+      selectedDate = _useDatePickerContext2.selectedDate,
+      navigationMonth = _useDatePickerContext2.navigationMonth,
+      navigationYear = _useDatePickerContext2.navigationYear,
+      navigationDay = _useDatePickerContext2.navigationDay;
+
+  var rangeCtx = useRangeDatePickerContext();
+
+  var handleFocus = function handleFocus() {
+    dispatch({
+      type: FOCUS
+    });
+
+    if (rangeCtx) {
+      rangeCtx.setInnerHasFocus(true);
+    }
+  };
+
+  var handleBlur = function handleBlur() {
+    requestAnimationFrame(function () {
+      // we on want to close only if focus rests outside the datepicker
+      if (datePickerRef.current && !datePickerRef.current.contains(document.activeElement)) {
+        if (selectedDate && navigationYear >= 0 && navigationMonth >= 0 && navigationDay === -1) {
+          // user started picking a new day, but haven't finished :(
+          onChangeRef.current && onChangeRef.current(null);
+          dispatch({
+            type: BLUR,
+            selectedDate: null
+          });
+        } else {
+          dispatch({
+            type: BLUR,
+            selectedDate: selectedDate
+          });
+        }
+      }
+
+      if (rangeCtx && rangeCtx.rangeDatePickerRef.current && !rangeCtx.rangeDatePickerRef.current.contains(document.activeElement)) {
+        rangeCtx.setInnerHasFocus(false);
+      }
+    });
+  };
+
+  return {
+    handleFocus: handleFocus,
+    handleBlur: handleBlur
+  };
+}
+//# sourceMappingURL=hooks.js.map

package/build/esm/DatePicker/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/DatePicker/hooks.tsx"],"names":["useRangeDatePickerContext","useDatePickerContext","FOCUS","BLUR","NAVIGATE","SET_DATE","reducer","currentState","action","type","isFocused","navigationYear","navigationMonth","navigationDay","selectedDate","year","month","day","useInnerFocus","dispatch","onChangeRef","datePickerRef","state","rangeCtx","handleFocus","setInnerHasFocus","handleBlur","requestAnimationFrame","current","contains","document","activeElement","rangeDatePickerRef"],"mappings":"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","sourcesContent":["import { useRangeDatePickerContext, useDatePickerContext } from './contexts';\n\n////////////////////////////////////////////////////////////////////////////////\n// Actions\n\nexport const FOCUS = 'FOCUS';\n\nexport const BLUR = 'BLUR';\n\nexport const NAVIGATE = 'NAVIGATE';\n\nexport const SET_DATE = 'SET_DATE';\n\nexport type ActionTypes =\n  | typeof FOCUS\n  | typeof BLUR\n  | typeof NAVIGATE\n  | typeof SET_DATE;\n\n////////////////////////////////////////////////////////////////////////////////\n// Reducer\n\nexport interface ReducerState {\n  isFocused: boolean;\n  navigationYear: number;\n  navigationMonth: number;\n  navigationDay: number;\n  selectedDate: Date | null;\n}\n\ninterface FocusAction {\n  type: typeof FOCUS;\n}\n\ninterface NavigateAction {\n  type: typeof NAVIGATE;\n  year: number;\n  month: number;\n  day: number;\n}\ninterface SetDateAction {\n  type: typeof SET_DATE;\n  selectedDate: Date | null;\n}\n\ninterface BlurAction {\n  type: typeof BLUR;\n  selectedDate: Date | null;\n}\n\nexport type ReducerActions =\n  | FocusAction\n  | BlurAction\n  | NavigateAction\n  | SetDateAction;\n\nexport function reducer(\n  currentState: Readonly<ReducerState>,\n  action: ReducerActions\n): ReducerState {\n  switch (action.type) {\n    case FOCUS:\n      return {\n        ...currentState,\n        isFocused: true,\n      };\n    case BLUR:\n      return {\n        ...currentState,\n        navigationYear: -1,\n        navigationMonth: -1,\n        navigationDay: -1,\n        selectedDate: action.selectedDate,\n        isFocused: false,\n      };\n    case NAVIGATE:\n      return {\n        ...currentState,\n        navigationYear: action.year,\n        navigationMonth: action.month,\n        navigationDay: action.day,\n      };\n    case SET_DATE: {\n      return {\n        ...currentState,\n        navigationYear: -1,\n        navigationMonth: -1,\n        navigationDay: -1,\n        selectedDate: action.selectedDate,\n      };\n    }\n  }\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// Hooks\n\nexport function useInnerFocus() {\n  const {\n    dispatch,\n    onChangeRef,\n    datePickerRef,\n    state: { selectedDate, navigationMonth, navigationYear, navigationDay },\n  } = useDatePickerContext();\n  const rangeCtx = useRangeDatePickerContext();\n\n  const handleFocus = () => {\n    dispatch({ type: FOCUS });\n    if (rangeCtx) {\n      rangeCtx.setInnerHasFocus(true);\n    }\n  };\n\n  const handleBlur = () => {\n    requestAnimationFrame(() => {\n      // we on want to close only if focus rests outside the datepicker\n      if (\n        datePickerRef.current &&\n        !datePickerRef.current.contains(document.activeElement)\n      ) {\n        if (\n          selectedDate &&\n          navigationYear >= 0 &&\n          navigationMonth >= 0 &&\n          navigationDay === -1\n        ) {\n          // user started picking a new day, but haven't finished :(\n          onChangeRef.current && onChangeRef.current(null);\n          dispatch({ type: BLUR, selectedDate: null });\n        } else {\n          dispatch({ type: BLUR, selectedDate });\n        }\n      }\n\n      if (\n        rangeCtx &&\n        rangeCtx.rangeDatePickerRef.current &&\n        !rangeCtx.rangeDatePickerRef.current.contains(document.activeElement)\n      ) {\n        rangeCtx.setInnerHasFocus(false);\n      }\n    });\n  };\n\n  return { handleFocus, handleBlur };\n}\n"],"file":"hooks.js"}

package/build/esm/DatePicker/index.d.ts

@@ -0,0 +1,5 @@
+export * from './DatePicker';
+export * from './RangeDatePicker';
+export * from './DatePickerSelect';
+export * from './dateTypes';
+export * from './contexts';

package/build/esm/DatePicker/index.js

@@ -0,0 +1,6 @@
+export * from './DatePicker';
+export * from './RangeDatePicker';
+export * from './DatePickerSelect';
+export * from './dateTypes';
+export * from './contexts';
+//# sourceMappingURL=index.js.map

package/build/esm/DatePicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/DatePicker/index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAd;AACA,cAAc,mBAAd;AACA,cAAc,oBAAd;AACA,cAAc,aAAd;AACA,cAAc,YAAd","sourcesContent":["export * from './DatePicker';\nexport * from './RangeDatePicker';\nexport * from './DatePickerSelect';\nexport * from './dateTypes';\nexport * from './contexts';\n"],"file":"index.js"}

package/build/esm/Portal/Portal.d.ts

@@ -1,6 +1,7 @@
-import type { FC, ReactNode } from 'react';
+import { type FC, type ReactNode } from 'react';
+import type { PortalSelectorFn } from './PortalSelectorProvider';
 export interface PortalProps {
     children?: ReactNode;
-    selector?: string;
+    selector?: PortalSelectorFn;
 }
 export declare const Portal: FC<PortalProps>;

package/build/esm/Portal/Portal.js

@@ -1,15 +1,18 @@
+import { useContext } from 'react';
 import { createPortal } from 'react-dom';
+import { PortalSelectorContext } from './PortalSelectorProvider';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var Portal = function Portal(_ref) {
   var children = _ref.children,
-      _ref$selector = _ref.selector,
-      selector = _ref$selector === void 0 ? 'body' : _ref$selector;
+      selectorProp = _ref.selector;
+  var selectorCtx = useContext(PortalSelectorContext);
 
   if (typeof window === 'undefined') {
     return null;
   }
 
-  var dom = document.querySelector(selector);
+  var selector = selectorProp || selectorCtx || 'body';
+  var dom = typeof selector === 'string' ? document.querySelector(selector) : selector();
 
   if (dom) {
     return /*#__PURE__*/createPortal( /*#__PURE__*/_jsx("div", {

package/build/esm/Portal/Portal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Portal.js","names":["createPortal","Portal","children","selector","window","dom","document","querySelector"],"sources":["../../../src/Portal/Portal.tsx"],"sourcesContent":["import type { FC, ReactNode } from 'react';\nimport { createPortal } from 'react-dom';\n\nexport interface PortalProps {\n  children?: ReactNode;\n  selector?: string;\n}\n\nexport const Portal: FC<PortalProps> = ({ children, selector = 'body' }) => {\n  if (typeof window === 'undefined') {\n    return null;\n  }\n\n  const dom = document.querySelector(selector);\n  if (dom) {\n    return createPortal(<div data-portal=\"\">{children}</div>, dom);\n  }\n\n  return null;\n};\n"],"mappings":"AACA,SAASA,YAAT,QAA6B,WAA7B;;AAOA,OAAO,IAAMC,MAAuB,GAAG,SAA1BA,MAA0B,OAAqC;EAAA,IAAlCC,QAAkC,QAAlCA,QAAkC;EAAA,yBAAxBC,QAAwB;EAAA,IAAxBA,QAAwB,8BAAb,MAAa;;EAC1E,IAAI,OAAOC,MAAP,KAAkB,WAAtB,EAAmC;IACjC,OAAO,IAAP;EACD;;EAED,IAAMC,GAAG,GAAGC,QAAQ,CAACC,aAAT,CAAuBJ,QAAvB,CAAZ;;EACA,IAAIE,GAAJ,EAAS;IACP,oBAAOL,YAAY,eAAC;MAAK,eAAY,EAAjB;MAAA,UAAqBE;IAArB,EAAD,EAAuCG,GAAvC,CAAnB;EACD;;EAED,OAAO,IAAP;AACD,CAXM"}
+{"version":3,"file":"Portal.js","names":["useContext","createPortal","PortalSelectorContext","Portal","children","selectorProp","selector","selectorCtx","window","dom","document","querySelector"],"sources":["../../../src/Portal/Portal.tsx"],"sourcesContent":["import { useContext, type FC, type ReactNode } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport type { PortalSelectorFn } from './PortalSelectorProvider';\nimport { PortalSelectorContext } from './PortalSelectorProvider';\n\nexport interface PortalProps {\n  children?: ReactNode;\n  selector?: PortalSelectorFn;\n}\n\nexport const Portal: FC<PortalProps> = ({\n  children,\n  selector: selectorProp,\n}) => {\n  const selectorCtx = useContext(PortalSelectorContext);\n  if (typeof window === 'undefined') {\n    return null;\n  }\n\n  const selector = selectorProp || selectorCtx || 'body';\n  const dom =\n    typeof selector === 'string'\n      ? document.querySelector(selector)\n      : selector();\n  if (dom) {\n    return createPortal(<div data-portal=\"\">{children}</div>, dom);\n  }\n\n  return null;\n};\n"],"mappings":"AAAA,SAASA,UAAT,QAAoD,OAApD;AACA,SAASC,YAAT,QAA6B,WAA7B;AAGA,SAASC,qBAAT,QAAsC,0BAAtC;;AAOA,OAAO,IAAMC,MAAuB,GAAG,SAA1BA,MAA0B,OAGjC;EAAA,IAFJC,QAEI,QAFJA,QAEI;EAAA,IADMC,YACN,QADJC,QACI;EACJ,IAAMC,WAAW,GAAGP,UAAU,CAACE,qBAAD,CAA9B;;EACA,IAAI,OAAOM,MAAP,KAAkB,WAAtB,EAAmC;IACjC,OAAO,IAAP;EACD;;EAED,IAAMF,QAAQ,GAAGD,YAAY,IAAIE,WAAhB,IAA+B,MAAhD;EACA,IAAME,GAAG,GACP,OAAOH,QAAP,KAAoB,QAApB,GACII,QAAQ,CAACC,aAAT,CAAuBL,QAAvB,CADJ,GAEIA,QAAQ,EAHd;;EAIA,IAAIG,GAAJ,EAAS;IACP,oBAAOR,YAAY,eAAC;MAAK,eAAY,EAAjB;MAAA,UAAqBG;IAArB,EAAD,EAAuCK,GAAvC,CAAnB;EACD;;EAED,OAAO,IAAP;AACD,CAnBM"}

package/build/esm/Portal/PortalSelectorProvider.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+export declare type PortalSelectorFn = string | (() => Element | null);
+export declare const PortalSelectorContext: import("react").Context<PortalSelectorFn | null>;
+export declare type PortalSelectorProviderProps = {
+    selector: PortalSelectorFn;
+    children?: ReactNode | ReactNode[];
+};
+export declare const PortalSelectorProvider: ({ selector, children, }: PortalSelectorProviderProps) => JSX.Element;

package/build/esm/Portal/PortalSelectorProvider.js

@@ -0,0 +1,13 @@
+import { createContext } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export var PortalSelectorContext = /*#__PURE__*/createContext(null);
+PortalSelectorContext.displayName = 'PortalSelectorContext';
+export var PortalSelectorProvider = function PortalSelectorProvider(_ref) {
+  var selector = _ref.selector,
+      children = _ref.children;
+  return /*#__PURE__*/_jsx(PortalSelectorContext.Provider, {
+    value: selector,
+    children: children
+  });
+};
+//# sourceMappingURL=PortalSelectorProvider.js.map

package/build/esm/Portal/PortalSelectorProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PortalSelectorProvider.js","names":["createContext","PortalSelectorContext","displayName","PortalSelectorProvider","selector","children"],"sources":["../../../src/Portal/PortalSelectorProvider.tsx"],"sourcesContent":["import { createContext } from 'react';\nimport type { ReactNode } from 'react';\n\nexport type PortalSelectorFn = string | (() => Element | null);\nexport const PortalSelectorContext = createContext<PortalSelectorFn | null>(\n  null\n);\nPortalSelectorContext.displayName = 'PortalSelectorContext';\n\nexport type PortalSelectorProviderProps = {\n  selector: PortalSelectorFn;\n  children?: ReactNode | ReactNode[];\n};\n\nexport const PortalSelectorProvider = ({\n  selector,\n  children,\n}: PortalSelectorProviderProps) => {\n  return (\n    <PortalSelectorContext.Provider value={selector}>\n      {children}\n    </PortalSelectorContext.Provider>\n  );\n};\n"],"mappings":"AAAA,SAASA,aAAT,QAA8B,OAA9B;;AAIA,OAAO,IAAMC,qBAAqB,gBAAGD,aAAa,CAChD,IADgD,CAA3C;AAGPC,qBAAqB,CAACC,WAAtB,GAAoC,uBAApC;AAOA,OAAO,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAyB,OAGH;EAAA,IAFjCC,QAEiC,QAFjCA,QAEiC;EAAA,IADjCC,QACiC,QADjCA,QACiC;EACjC,oBACE,KAAC,qBAAD,CAAuB,QAAvB;IAAgC,KAAK,EAAED,QAAvC;IAAA,UACGC;EADH,EADF;AAKD,CATM"}

package/build/esm/Portal/index.d.ts

@@ -1 +1,2 @@
 export * from './Portal';
+export { PortalSelectorProvider, type PortalSelectorProviderProps, type PortalSelectorFn, } from './PortalSelectorProvider';

package/build/esm/Portal/index.js

@@ -1,2 +1,3 @@
 export * from './Portal';
+export { PortalSelectorProvider } from './PortalSelectorProvider';
 //# sourceMappingURL=index.js.map

package/build/esm/Portal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/Portal/index.ts"],"sourcesContent":["export * from './Portal';\n"],"mappings":"AAAA,cAAc,UAAd"}
+{"version":3,"file":"index.js","names":["PortalSelectorProvider"],"sources":["../../../src/Portal/index.ts"],"sourcesContent":["export * from './Portal';\nexport {\n  PortalSelectorProvider,\n  type PortalSelectorProviderProps,\n  type PortalSelectorFn,\n} from './PortalSelectorProvider';\n"],"mappings":"AAAA,cAAc,UAAd;AACA,SACEA,sBADF,QAIO,0BAJP"}

package/build/esm/hooks/useControlledState.js

@@ -12,7 +12,7 @@ export function useControlledState(valueProp, onChangeProp, defaultValue, defaul
       setValueState = _useState2[1];
 
   if (isControlled) {
-    if (wasControlled.current && process.env.NODE_ENV !== 'production' && !hasWarned.current) {
+    if (!wasControlled.current && !hasWarned.current && process.env.NODE_ENV !== 'production') {
       console.warn('Trying to change from controlled to uncontrolled.');
       hasWarned.current = true;
     }

package/build/esm/hooks/useControlledState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useControlledState.js","names":["useRef","useState","wrapEvent","useControlledState","valueProp","onChangeProp","defaultValue","defaultOnChange","isControlled","undefined","wasControlled","hasWarned","valueState","setValueState","current","process","env","NODE_ENV","console","warn"],"sources":["../../../src/hooks/useControlledState.ts"],"sourcesContent":["import type { Dispatch, SetStateAction, SyntheticEvent } from 'react';\nimport { useRef, useState } from 'react';\n\nimport type { CustomEventHandler } from '../utils';\nimport { wrapEvent } from '../utils';\n\nexport function useControlledState<\n  V,\n  E extends SyntheticEvent<any> | Event,\n  H extends unknown[]\n>(\n  valueProp: V | undefined,\n  onChangeProp: CustomEventHandler<E, H> | undefined,\n  defaultValue: V | (() => V),\n  defaultOnChange: (\n    setValue: Dispatch<SetStateAction<V>>\n  ) => CustomEventHandler<E, H>\n): [V, CustomEventHandler<E, H>] {\n  const isControlled = valueProp !== undefined;\n  const wasControlled = useRef(isControlled);\n  const hasWarned = useRef(false);\n  const [valueState, setValueState] = useState<V>(defaultValue);\n\n  if (isControlled) {\n    if (\n      wasControlled.current &&\n      process.env.NODE_ENV !== 'production' &&\n      !hasWarned.current\n    ) {\n      console.warn('Trying to change from controlled to uncontrolled.');\n      hasWarned.current = true;\n    }\n    return [\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n      valueProp!,\n      wrapEvent(onChangeProp, defaultOnChange(setValueState)),\n    ];\n  }\n\n  return [\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    valueState!,\n    wrapEvent(onChangeProp, defaultOnChange(setValueState)),\n  ];\n}\n"],"mappings":";AACA,SAASA,MAAT,EAAiBC,QAAjB,QAAiC,OAAjC;AAGA,SAASC,SAAT,QAA0B,UAA1B;AAEA,OAAO,SAASC,kBAAT,CAKLC,SALK,EAMLC,YANK,EAOLC,YAPK,EAQLC,eARK,EAW0B;EAC/B,IAAMC,YAAY,GAAGJ,SAAS,KAAKK,SAAnC;EACA,IAAMC,aAAa,GAAGV,MAAM,CAACQ,YAAD,CAA5B;EACA,IAAMG,SAAS,GAAGX,MAAM,CAAC,KAAD,CAAxB;;EACA,gBAAoCC,QAAQ,CAAIK,YAAJ,CAA5C;EAAA;EAAA,IAAOM,UAAP;EAAA,IAAmBC,aAAnB;;EAEA,IAAIL,YAAJ,EAAkB;IAChB,IACEE,aAAa,CAACI,OAAd,IACAC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,YADzB,IAEA,CAACN,SAAS,CAACG,OAHb,EAIE;MACAI,OAAO,CAACC,IAAR,CAAa,mDAAb;MACAR,SAAS,CAACG,OAAV,GAAoB,IAApB;IACD;;IACD,OAAO,CACL;IACAV,SAFK,EAGLF,SAAS,CAACG,YAAD,EAAeE,eAAe,CAACM,aAAD,CAA9B,CAHJ,CAAP;EAKD;;EAED,OAAO,CACL;EACAD,UAFK,EAGLV,SAAS,CAACG,YAAD,EAAeE,eAAe,CAACM,aAAD,CAA9B,CAHJ,CAAP;AAKD"}
+{"version":3,"file":"useControlledState.js","names":["useRef","useState","wrapEvent","useControlledState","valueProp","onChangeProp","defaultValue","defaultOnChange","isControlled","undefined","wasControlled","hasWarned","valueState","setValueState","current","process","env","NODE_ENV","console","warn"],"sources":["../../../src/hooks/useControlledState.ts"],"sourcesContent":["import type { Dispatch, SetStateAction, SyntheticEvent } from 'react';\nimport { useRef, useState } from 'react';\n\nimport type { CustomEventHandler } from '../utils';\nimport { wrapEvent } from '../utils';\n\nexport function useControlledState<\n  V,\n  E extends SyntheticEvent<any> | Event,\n  H extends unknown[]\n>(\n  valueProp: V | undefined,\n  onChangeProp: CustomEventHandler<E, H> | undefined,\n  defaultValue: V | (() => V),\n  defaultOnChange: (\n    setValue: Dispatch<SetStateAction<V>>\n  ) => CustomEventHandler<E, H>\n): [V, CustomEventHandler<E, H>] {\n  const isControlled = valueProp !== undefined;\n  const wasControlled = useRef(isControlled);\n  const hasWarned = useRef(false);\n  const [valueState, setValueState] = useState<V>(defaultValue);\n\n  if (isControlled) {\n    if (\n      !wasControlled.current &&\n      !hasWarned.current &&\n      process.env.NODE_ENV !== 'production'\n    ) {\n      console.warn('Trying to change from controlled to uncontrolled.');\n      hasWarned.current = true;\n    }\n    return [\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n      valueProp!,\n      wrapEvent(onChangeProp, defaultOnChange(setValueState)),\n    ];\n  }\n\n  return [\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    valueState!,\n    wrapEvent(onChangeProp, defaultOnChange(setValueState)),\n  ];\n}\n"],"mappings":";AACA,SAASA,MAAT,EAAiBC,QAAjB,QAAiC,OAAjC;AAGA,SAASC,SAAT,QAA0B,UAA1B;AAEA,OAAO,SAASC,kBAAT,CAKLC,SALK,EAMLC,YANK,EAOLC,YAPK,EAQLC,eARK,EAW0B;EAC/B,IAAMC,YAAY,GAAGJ,SAAS,KAAKK,SAAnC;EACA,IAAMC,aAAa,GAAGV,MAAM,CAACQ,YAAD,CAA5B;EACA,IAAMG,SAAS,GAAGX,MAAM,CAAC,KAAD,CAAxB;;EACA,gBAAoCC,QAAQ,CAAIK,YAAJ,CAA5C;EAAA;EAAA,IAAOM,UAAP;EAAA,IAAmBC,aAAnB;;EAEA,IAAIL,YAAJ,EAAkB;IAChB,IACE,CAACE,aAAa,CAACI,OAAf,IACA,CAACH,SAAS,CAACG,OADX,IAEAC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,YAH3B,EAIE;MACAC,OAAO,CAACC,IAAR,CAAa,mDAAb;MACAR,SAAS,CAACG,OAAV,GAAoB,IAApB;IACD;;IACD,OAAO,CACL;IACAV,SAFK,EAGLF,SAAS,CAACG,YAAD,EAAeE,eAAe,CAACM,aAAD,CAA9B,CAHJ,CAAP;EAKD;;EAED,OAAO,CACL;EACAD,UAFK,EAGLV,SAAS,CAACG,YAAD,EAAeE,eAAe,CAACM,aAAD,CAA9B,CAHJ,CAAP;AAKD"}

package/build/esm/hooks/useId.d.ts

@@ -0,0 +1 @@
+export declare const useId: (preferredId?: string | undefined) => string | undefined;

package/build/esm/hooks/useId.js

@@ -0,0 +1,25 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { useEffect, useState } from 'react'; // Could use UUID but if we hit 9,007,199,254,740,991 unique components over
+// the lifetime of the app before it gets reloaded, I mean ... come on.
+// I don't even know what xillion that is.
+// /me googles
+// Oh duh, quadrillion. Nine quadrillion components. I think we're okay.
+
+var id = 0;
+
+var genId = function genId() {
+  return "".concat(++id);
+};
+
+export var useId = function useId(preferredId) {
+  var _useState = useState(preferredId),
+      _useState2 = _slicedToArray(_useState, 2),
+      id = _useState2[0],
+      setId = _useState2[1];
+
+  useEffect(function () {
+    return setId(genId());
+  }, []);
+  return id;
+};
+//# sourceMappingURL=useId.js.map

package/build/esm/hooks/useId.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useId.ts"],"names":["useEffect","useState","id","genId","useId","preferredId","setId"],"mappings":";AAAA,SAASA,SAAT,EAAoBC,QAApB,QAAoC,OAApC,C,CAEA;AACA;AACA;AACA;AACA;;AACA,IAAIC,EAAE,GAAG,CAAT;;AACA,IAAMC,KAAK,GAAG,SAARA,KAAQ;AAAA,mBAAS,EAAED,EAAX;AAAA,CAAd;;AACA,OAAO,IAAME,KAAK,GAAG,SAARA,KAAQ,CAACC,WAAD,EAA0B;AAAA,kBACzBJ,QAAQ,CAAqBI,WAArB,CADiB;AAAA;AAAA,MACtCH,EADsC;AAAA,MAClCI,KADkC;;AAE7CN,EAAAA,SAAS,CAAC;AAAA,WAAMM,KAAK,CAACH,KAAK,EAAN,CAAX;AAAA,GAAD,EAAuB,EAAvB,CAAT;AACA,SAAOD,EAAP;AACD,CAJM","sourcesContent":["import { useEffect, useState } from 'react';\n\n// Could use UUID but if we hit 9,007,199,254,740,991 unique components over\n// the lifetime of the app before it gets reloaded, I mean ... come on.\n// I don't even know what xillion that is.\n// /me googles\n// Oh duh, quadrillion. Nine quadrillion components. I think we're okay.\nlet id = 0;\nconst genId = () => `${++id}`;\nexport const useId = (preferredId?: string) => {\n  const [id, setId] = useState<string | undefined>(preferredId);\n  useEffect(() => setId(genId()), []);\n  return id;\n};\n"],"file":"useId.js"}

package/build/esm/utils/assignRef.d.ts

@@ -0,0 +1,3 @@
+import { LegacyRef, MutableRefObject, Ref } from 'react';
+export declare function assignRef<T>(ref: LegacyRef<T> | MutableRefObject<T> | Ref<T>, value: T): void;
+export declare function assignMultipleRefs<T>(...refs: (LegacyRef<T> | MutableRefObject<T> | Ref<T>)[]): (node: T | null) => void;

package/build/esm/utils/assignRef.js

@@ -0,0 +1,25 @@
+export function assignRef(ref, value) {
+  if (ref == null) return;
+
+  if (typeof ref === 'function') {
+    ref(value);
+  } else {
+    try {
+      ref.current = value;
+    } catch (error) {
+      throw new Error("Cannot assign value \"".concat(value, "\" to ref \"").concat(ref, "\""));
+    }
+  }
+}
+export function assignMultipleRefs() {
+  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
+    refs[_key] = arguments[_key];
+  }
+
+  return function (node) {
+    refs.forEach(function (ref) {
+      assignRef(ref, node);
+    });
+  };
+}
+//# sourceMappingURL=assignRef.js.map

package/build/esm/utils/assignRef.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/assignRef.ts"],"names":["assignRef","ref","value","current","error","Error","assignMultipleRefs","refs","node","forEach"],"mappings":"AAEA,OAAO,SAASA,SAAT,CACLC,GADK,EAELC,KAFK,EAGL;AACA,MAAID,GAAG,IAAI,IAAX,EAAiB;;AACjB,MAAI,OAAOA,GAAP,KAAe,UAAnB,EAA+B;AAC7BA,IAAAA,GAAG,CAACC,KAAD,CAAH;AACD,GAFD,MAEO;AACL,QAAI;AACDD,MAAAA,GAAD,CAA6BE,OAA7B,GAAuCD,KAAvC;AACD,KAFD,CAEE,OAAOE,KAAP,EAAc;AACd,YAAM,IAAIC,KAAJ,iCAAkCH,KAAlC,yBAAoDD,GAApD,QAAN;AACD;AACF;AACF;AAED,OAAO,SAASK,kBAAT,GAEL;AAAA,oCADGC,IACH;AADGA,IAAAA,IACH;AAAA;;AACA,SAAO,UAACC,IAAD,EAAoB;AACzBD,IAAAA,IAAI,CAACE,OAAL,CAAa,UAACR,GAAD,EAAS;AACpBD,MAAAA,SAAS,CAACC,GAAD,EAAMO,IAAN,CAAT;AACD,KAFD;AAGD,GAJD;AAKD","sourcesContent":["import { LegacyRef, MutableRefObject, Ref } from 'react';\n\nexport function assignRef<T>(\n  ref: LegacyRef<T> | MutableRefObject<T> | Ref<T>,\n  value: T\n) {\n  if (ref == null) return;\n  if (typeof ref === 'function') {\n    ref(value);\n  } else {\n    try {\n      (ref as MutableRefObject<T>).current = value;\n    } catch (error) {\n      throw new Error(`Cannot assign value \"${value}\" to ref \"${ref}\"`);\n    }\n  }\n}\n\nexport function assignMultipleRefs<T>(\n  ...refs: (LegacyRef<T> | MutableRefObject<T> | Ref<T>)[]\n) {\n  return (node: T | null) => {\n    refs.forEach((ref) => {\n      assignRef(ref, node);\n    });\n  };\n}\n"],"file":"assignRef.js"}

package/build/esm/utils/getCircularIndex.d.ts

@@ -0,0 +1 @@
+export declare function getCircularIndex(index: number, maxLength: number): number | null;