@onepercentio/one-ui 0.20.5 → 0.21.0

package/dist/assets/styles/variables.scss

@@ -10,6 +10,7 @@ $success: var(--success, lightgreen);
 $successDark: var(--success-dark, green);
 $mainBackgroundColor: var(--bg-color, white);
 $primaryColor: var(--primary-color, var(--digital-blue));
+$elevation: var(--card-elevation, 0px 4px 10px rgba(0, 0, 0, 0.1));
 
 //FONTS
 $mainFontFamily: var(--main-font, Roboto);

package/dist/components/AdaptiveContainer/AdaptiveContainer.js

@@ -58,17 +58,19 @@ function AdaptiveContainer(_ref) {
             if (direction === "h") {
               const contentWidth = lastChild.clientWidth;
               const targetWidth = "".concat(contentWidth, "px");
+              const prevWidth = sectionDiv.style.width;
               sectionDiv.style.width = targetWidth;
               const func = resetFactory("width", contentWidth);
-              if (targetWidth === sectionDiv.style.width) func({
+              if (targetWidth === prevWidth) func({
                 propertyName: "width"
               });else sectionDiv.addEventListener("transitionend", func);
             } else {
               const contentHeight = lastChild.scrollHeight;
               const targetHeight = "".concat(contentHeight, "px");
+              const prevHeight = sectionDiv.style.height;
               sectionDiv.style.height = targetHeight;
               const func = resetFactory("height", contentHeight);
-              if (targetHeight === sectionDiv.style.height) func({
+              if (targetHeight === prevHeight) func({
                 propertyName: "height"
               });else sectionDiv.addEventListener("transitionend", func);
             }

package/dist/components/AdaptiveContainer/AdaptiveContainer.module.scss

@@ -1,8 +1,10 @@
 .resetSection {
   min-height: 0px;
-  transition: width var(--adaptive-container-transition-time, 400ms), height var(--adaptive-container-transition-time, 400ms);
+  transition: width var(--adaptive-container-transition-time, 400ms) linear,
+    height var(--adaptive-container-transition-time, 400ms) linear;
   transition-timing-function: linear;
   overflow: hidden;
+  align-items: flex-start;
   &.h {
     > * {
       min-width: auto !important;

package/dist/components/AnimatedEntrance/AnimatedEntrance.d.ts

@@ -8,7 +8,7 @@ export declare function AnimatedEntranceItem({ children, noEntranceAnimation, on
     noEntranceAnimation: boolean;
     onRemoveChildren: (key: Key) => void;
     entranceType: EntranceType;
-}): JSX.Element | null;
+}): JSX.Element;
 /**
  * Animates the entrance and exit of a component
  **/

package/dist/components/AnimatedEntrance/AnimatedEntrance.js

@@ -100,13 +100,13 @@ function AnimatedEntranceItem(_ref) {
       clearTimeout(x);
     };
   }, [_typeof(screen) === "object" ? screen === null || screen === void 0 ? void 0 : screen.key : screen]);
-  const className = (0, _react.useMemo)(function () {
-    return !noEntranceAnimation ? _AnimatedEntranceModule.default.maxHeight : "";
-  }, [String(children.key).includes("-nullated")]);
-  return screen === null ? null : /*#__PURE__*/_react.default.createElement(_UncontrolledTransition.default, {
+  const firstRenderClass = (0, _react.useMemo)(function () {
+    return noEntranceAnimation ? "" : _AnimatedEntranceModule.default.maxHeight;
+  }, [screen === null]);
+  return /*#__PURE__*/_react.default.createElement(_UncontrolledTransition.default, {
     ref: uncontRef,
     transitionType: _Transition.TransitionAnimationTypes.CUSTOM,
-    className: "".concat(_AnimatedEntranceModule.default.resetHeight, " ").concat(className),
+    className: "".concat(_AnimatedEntranceModule.default.resetHeight, " ").concat(firstRenderClass),
     lockTransitionWidth: true,
     key: String(children.key).replace("-nullated", ""),
     onDiscardStep: function onDiscardStep(k) {
@@ -116,7 +116,9 @@ function AnimatedEntranceItem(_ref) {
       }
     },
     config: CONFIGS_BY_ENTRANCE_TYPE[entranceType]
-  }, typeof screen === "string" ? children : screen);
+  }, screen === null ? /*#__PURE__*/_react.default.createElement(_react.Fragment, {
+    key: "null"
+  }) : typeof screen === "string" ? children : screen);
 }
 
 /**

package/dist/components/EmailInput/EmailInput.d.ts

@@ -14,7 +14,7 @@ declare const _default: React.ForwardRefExoticComponent<Omit<Omit<{
     Icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
     onChange?: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
     containerProps?: Omit<React.HTMLProps<HTMLDivElement>, "ref"> | undefined;
-} & Omit<React.HTMLProps<HTMLInputElement | HTMLTextAreaElement>, "ref" | "onChange"> & React.RefAttributes<any>, "value" | "onChange"> & {
+} & Omit<React.HTMLProps<HTMLInputElement | HTMLTextAreaElement>, "ref" | "onChange"> & React.RefAttributes<any>, "onChange" | "value"> & {
     onChange: (email: string, isValid: boolean) => void;
     value: string;
     messages: {

package/dist/components/PasswordInput/PasswordInput.d.ts

@@ -37,7 +37,7 @@ declare const _default: React.ForwardRefExoticComponent<(({
     Icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
     onChange?: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
     containerProps?: Omit<React.HTMLProps<HTMLDivElement>, "ref"> | undefined;
-} & Omit<React.HTMLProps<HTMLInputElement | HTMLTextAreaElement>, "ref" | "onChange"> & React.RefAttributes<any>, "value" | "ref" | "onChange">) & React.RefAttributes<{
+} & Omit<React.HTMLProps<HTMLInputElement | HTMLTextAreaElement>, "ref" | "onChange"> & React.RefAttributes<any>, "ref" | "onChange" | "value">) & React.RefAttributes<{
     validatePassword: (pass: string) => boolean;
 }>>;
 export default _default;

package/dist/components/Select/Select.module.scss

@@ -19,12 +19,15 @@
 .empty {
   opacity: 0.3;
 }
-.input input {
-  transition: opacity $fast;
+.input {
   cursor: pointer;
-  padding-right: 30px;
-  overflow: hidden;
-  text-overflow: ellipsis;
+  input {
+    transition: opacity $fast;
+    padding-right: 30px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    pointer-events: none;
+  }
 }
 .indicator {
   display: flex;

package/dist/components/Tabs/Tabs.d.ts

@@ -1,8 +1,12 @@
 import { ReactElement } from "react";
+export declare enum TabType {
+    FULL = 0,
+    UNDERLINE = 1
+}
 /**
  * Show tabs for toggling between options
  **/
-export default function Tabs<O extends string>({ options, selected, onSelect, itemClassName, className, }: {
+export default function Tabs<O extends string | number>({ options, selected, onSelect, itemClassName, className, type, }: {
     options: Readonly<{
         id: O;
         label: string | ReactElement;
@@ -11,4 +15,5 @@ export default function Tabs<O extends string>({ options, selected, onSelect, it
     onSelect: (option: O) => void;
     itemClassName?: string;
     className?: string;
+    type?: TabType;
 }): JSX.Element;

package/dist/components/Tabs/Tabs.js

@@ -4,15 +4,22 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.TabType = void 0;
 exports.default = Tabs;
 var _react = _interopRequireWildcard(require("react"));
 var _TabsModule = _interopRequireDefault(require("./Tabs.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+let TabType = /*#__PURE__*/function (TabType) {
+  TabType[TabType["FULL"] = 0] = "FULL";
+  TabType[TabType["UNDERLINE"] = 1] = "UNDERLINE";
+  return TabType;
+}({});
 /**
  * Show tabs for toggling between options
  **/
+exports.TabType = TabType;
 function Tabs(_ref) {
   let options = _ref.options,
     selected = _ref.selected,
@@ -20,17 +27,29 @@ function Tabs(_ref) {
     _ref$itemClassName = _ref.itemClassName,
     itemClassName = _ref$itemClassName === void 0 ? "" : _ref$itemClassName,
     _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className;
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? TabType.UNDERLINE : _ref$type;
   const selectedRef = (0, _react.useRef)(null);
   const guideRef = (0, _react.useRef)(null);
   (0, _react.useEffect)(function () {
-    guideRef.current.style["opacity"] = selectedRef.current ? "1" : guideRef.current.style["opacity"];
-    guideRef.current.style["width"] = selectedRef.current ? selectedRef.current.clientWidth + "px" : "0px";
-    guideRef.current.style["left"] = selectedRef.current ? selectedRef.current.offsetLeft + "px" : guideRef.current.style["left"] || "initial";
-    guideRef.current.style["top"] = selectedRef.current ? selectedRef.current.offsetTop + selectedRef.current.clientHeight + "px" : guideRef.current.style["top"] || "initial";
+    const guideStyle = guideRef.current.style;
+    const currEl = selectedRef.current;
+    guideStyle["opacity"] = currEl ? "1" : guideStyle["opacity"];
+    guideStyle["width"] = currEl ? currEl.clientWidth + "px" : "0px";
+    guideStyle["left"] = currEl ? currEl.offsetLeft + "px" : guideStyle["left"] || "initial";
+    if (type === TabType.FULL) {
+      guideStyle["height"] = currEl ? currEl.clientHeight + "px" : "";
+      guideStyle["top"] = currEl ? currEl.offsetTop + "px" : guideStyle["top"] || "initial";
+    } else {
+      guideStyle["top"] = currEl ? currEl.offsetTop + currEl.clientHeight + "px" : guideStyle["top"] || "initial";
+    }
   }, [selected]);
+  (0, _react.useEffect)(function () {
+    guideRef.current.classList.add(_TabsModule.default.enableTransition);
+  }, []);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_TabsModule.default.container, " ").concat(className)
+    className: "".concat(_TabsModule.default.container, " ").concat(className, " ").concat(_TabsModule.default[TabType[type]])
   }, options.map(function (o) {
     return /*#__PURE__*/_react.default.createElement("p", {
       ref: selected === o.id ? selectedRef : undefined,

package/dist/components/Tabs/Tabs.module.scss

@@ -11,11 +11,29 @@
       font-weight: bold;
     }
   }
+  &.FULL {
+    p {
+      transition: color 250ms linear;
+      padding: 16px 40px;
+      z-index: 1;
+      margin: 0px;
+
+      &.selected {
+        color: var(--tab-selected-color);
+      }
+    }
+    .guide {
+      box-shadow: $elevation;
+      border-radius: 24px / 50%;
+    }
+  }
 }
 
 .guide {
   height: 0.1em;
-  background-color: $digitalBlue;
+  background-color: var(--tab-guide-color, $digitalBlue);
   position: absolute;
-  transition: left $fast, width $fast, top $fast;
+  &.enableTransition {
+    transition: left $fast, width $fast, top $fast, height $fast;
+  }
 }

package/dist/hooks/useHero.d.ts

@@ -56,6 +56,7 @@ export default function useHero(id: string, options?: Partial<{
     heroRef: React.RefObject<HTMLDivElement>;
     getHerosOnScreen: () => HTMLDivElement[];
     trigger: () => void;
+    heroComponentRef: (componentId: string) => (elRef: HTMLDivElement | null) => void;
 };
 declare type EVENTS_INTERFACE = Parameters<typeof useHero>[2];
 declare type TRANSITION_TYPES = "ACCELERATION";

package/dist/hooks/useHero.js

@@ -29,6 +29,42 @@ const ID = function ID(id) {
   return "".concat(id, "-hero");
 };
 const viewport = window.visualViewport;
+const DATA_TAG_HERO_COMPONENT = "data-hero-component";
+function triggerDynamicComponents(clone, componentsThatWillAppear) {
+  const idsThatWillAppear = componentsThatWillAppear.map(function (a) {
+    return a.getAttribute(DATA_TAG_HERO_COMPONENT);
+  });
+  const preexistingComponents = Array.from(clone.querySelectorAll("[".concat(DATA_TAG_HERO_COMPONENT, "]")));
+  const removedElements = preexistingComponents.filter(function (el) {
+    return !idsThatWillAppear.includes(el.getAttribute(DATA_TAG_HERO_COMPONENT));
+  });
+  for (let elementThatIsBeingRemoved of removedElements) {
+    elementThatIsBeingRemoved.style.height = "".concat(elementThatIsBeingRemoved.clientHeight, "px");
+  }
+  setTimeout(function () {
+    for (let elementThatIsBeingRemoved of removedElements) {
+      elementThatIsBeingRemoved.style.height = "0px";
+      elementThatIsBeingRemoved.style.opacity = "0";
+    }
+  }, 0);
+  for (let componentThatWillAppear of componentsThatWillAppear) {
+    const alreadyInjectedElement = !!clone.querySelector("[".concat(DATA_TAG_HERO_COMPONENT, "=\"").concat(componentThatWillAppear.getAttribute(DATA_TAG_HERO_COMPONENT), "\"]"));
+    if (!alreadyInjectedElement) {
+      const targetElementClone = componentThatWillAppear.cloneNode(true);
+      targetElementClone.style.height = "0px";
+      const shouldBeInsrtedAtIndex = Array.from(componentThatWillAppear.parentElement.children).indexOf(componentThatWillAppear);
+      const remainingIndexes = Array.from(clone.children).map(function (el, i) {
+        return removedElements.includes(el) ? undefined : i;
+      }).filter(function (e) {
+        return e !== undefined;
+      });
+      if (shouldBeInsrtedAtIndex === remainingIndexes.length) clone.append(targetElementClone);else clone.insertBefore(targetElementClone, clone.childNodes.item(remainingIndexes[shouldBeInsrtedAtIndex]));
+      setTimeout(function () {
+        targetElementClone.style.height = "".concat(componentThatWillAppear.clientHeight, "px");
+      }, 0);
+    }
+  }
+}
 
 /**
  * This hook implements the logic for a hero animation between 2 elements
@@ -132,13 +168,18 @@ function useHero(id) {
         const el = heroRef.current;
         const cleanup = function cleanup() {
           if (events.onHeroEnd) events.onHeroEnd();
-          clone.remove();
           if (el) {
             if (repeatable) el.setAttribute(dataProperty, id);
             el.style.visibility = "";
           }
+          setTimeout(function () {
+            clone.remove();
+          }, 0);
         };
-        if (events.onHeroStart) events.onHeroStart(clone, otherElement, heroRef.current);
+        if (events.onHeroStart) {
+          events.onHeroStart(clone, otherElement, heroRef.current);
+        }
+        triggerDynamicComponents(clone, Array.from(heroRef.current.querySelectorAll("[".concat(DATA_TAG_HERO_COMPONENT, "]"))));
         if (!el) {
           cleanup();
           return;
@@ -180,7 +221,15 @@ function useHero(id) {
   return {
     heroRef: heroRef,
     getHerosOnScreen: getHerosOnScreen,
-    trigger: triggerHeroAnimation
+    trigger: triggerHeroAnimation,
+    heroComponentRef: function heroComponentRef(componentId) {
+      return function (elRef) {
+        if (elRef) {
+          elRef.setAttribute(DATA_TAG_HERO_COMPONENT, componentId);
+          elRef.classList.add(_useHeroModule.default.component);
+        }
+      };
+    }
   };
 }
 function isElementOutsideViewport(coordinates) {

package/dist/hooks/useHero.module.scss

@@ -1,3 +1,5 @@
+@import "../assets/styles/index.scss";
+
 $timing: cubic-bezier(0.5, -0.45, 0.44, 1.37);
 // $timing: cubic-bezier(0.73, -0.49, 0.16, 1.4);
 
@@ -31,3 +33,8 @@ $timing: cubic-bezier(0.5, -0.45, 0.44, 1.37);
     transform: rotateY(0deg);
   }
 }
+
+.component {
+  transition: height $fast linear, opacity $fast linear;
+  overflow: hidden;
+}

package/dist/types.d.ts

@@ -1,9 +1,10 @@
-declare type PrependNextNum<A extends Array<unknown>> = A['length'] extends infer T ? ((t: T, ...a: A) => void) extends ((...x: infer X) => void) ? X : never : never;
+declare type PrependNextNum<A extends Array<unknown>> = A["length"] extends infer T ? ((t: T, ...a: A) => void) extends (...x: infer X) => void ? X : never : never;
 declare type EnumerateInternal<A extends Array<unknown>, N extends number> = {
     0: A;
     1: EnumerateInternal<PrependNextNum<A>, N>;
-}[N extends A['length'] ? 0 : 1];
-export declare type Enumerate<N extends number> = EnumerateInternal<[], N> extends (infer E)[] ? E : never;
+}[N extends A["length"] ? 0 : 1];
+export declare type Enumerate<N extends number> = EnumerateInternal<[
+], N> extends (infer E)[] ? E : never;
 export declare type Range<FROM extends number, TO extends number> = Exclude<Enumerate<TO>, Enumerate<FROM>>;
 export declare type CommonErrorCodes = "UNEXPECTED_ERROR";
 export declare type BasicContext<T extends object> = {
@@ -46,7 +47,7 @@ export declare type DeepMap<T, TValue> = {
     [K in keyof T]?: IsAny<T[K]> extends true ? any : NonNullable<T[K]> extends NestedValue | Date | FileList | File ? TValue : NonUndefined<T[K]> extends object | null ? DeepMap<T[K], TValue> : NonUndefined<T[K]> extends Array<infer U> ? IsAny<U> extends true ? Array<any> : U extends NestedValue | Date | FileList ? Array<TValue> : U extends object ? Array<DeepMap<U, TValue>> : Array<TValue> : TValue;
 };
 export declare type IsFlatObject<T extends object> = Extract<Exclude<T[keyof T], NestedValue | Date | FileList>, any[] | object> extends never ? true : false;
-declare type IsTuple<T extends ReadonlyArray<any>> = number extends T['length'] ? false : true;
+declare type IsTuple<T extends ReadonlyArray<any>> = number extends T["length"] ? false : true;
 declare type TupleKey<T extends ReadonlyArray<any>> = Exclude<keyof T, keyof any[]>;
 declare type ArrayKey = number;
 declare type PathImpl<K extends string | number, V> = V extends Primitive ? `${K}` : `${K}.${Path<V>}`;
@@ -69,4 +70,10 @@ export declare type FieldArrayPathValue<TFieldValues extends FieldValues, TField
 export declare type FieldPathValues<TFieldValues extends FieldValues, TPath extends FieldPath<TFieldValues>[] | readonly FieldPath<TFieldValues>[]> = {} & {
     [K in keyof TPath]: FieldPathValue<TFieldValues, TPath[K] & FieldPath<TFieldValues>>;
 };
+export declare type ToFirebaseType<B> = {
+    [k in keyof B]: B[k] extends Date ? import("firebase/firestore").Timestamp : B[k] extends Object ? ToFirebaseType<B[k]> : B[k];
+};
+export declare type FromFirebaseType<B> = {
+    [k in keyof B]: B[k] extends import("firebase/firestore").Timestamp ? Date : B[k] extends Object ? FromFirebaseType<B[k]> : B[k];
+};
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onepercentio/one-ui",
-  "version": "0.20.5",
+  "version": "0.21.0",
   "description": "A set of reusable components created through the development of Onepercent projects",
   "repository": "git@github.com:onepercentio/one-ui.git",
   "author": "Murilo Oliveira de Araujo <murilo.araujo@onepercent.io>",
@@ -40,6 +40,7 @@
     "babel-plugin-remove-unused-vars": "2.2.0",
     "buffer": "^6.0.3",
     "chroma-js": "^2.4.2",
+    "color-seed": "^1.1.3",
     "cpy-cli": "^3.1.1",
     "crypto-browserify": "^3.12.0",
     "css-loader": "^5",

package/src/types.ts

@@ -1,10 +1,25 @@
-type PrependNextNum<A extends Array<unknown>> = A['length'] extends infer T ? ((t: T, ...a: A) => void) extends ((...x: infer X) => void) ? X : never : never;
+type PrependNextNum<A extends Array<unknown>> = A["length"] extends infer T
+  ? ((t: T, ...a: A) => void) extends (...x: infer X) => void
+    ? X
+    : never
+  : never;
 
-type EnumerateInternal<A extends Array<unknown>, N extends number> = { 0: A, 1: EnumerateInternal<PrependNextNum<A>, N> }[N extends A['length'] ? 0 : 1];
+type EnumerateInternal<A extends Array<unknown>, N extends number> = {
+  0: A;
+  1: EnumerateInternal<PrependNextNum<A>, N>;
+}[N extends A["length"] ? 0 : 1];
 
-export type Enumerate<N extends number> = EnumerateInternal<[], N> extends (infer E)[] ? E : never;
+export type Enumerate<N extends number> = EnumerateInternal<
+  [],
+  N
+> extends (infer E)[]
+  ? E
+  : never;
 
-export type Range<FROM extends number, TO extends number> = Exclude<Enumerate<TO>, Enumerate<FROM>>;
+export type Range<FROM extends number, TO extends number> = Exclude<
+  Enumerate<TO>,
+  Enumerate<FROM>
+>;
 
 export type CommonErrorCodes = "UNEXPECTED_ERROR";
 
@@ -37,49 +52,148 @@ declare global {
 type NestedValue = unknown;
 type FieldValues = unknown;
 
-export declare type Primitive = null | undefined | string | number | boolean | symbol | bigint;
+export declare type Primitive =
+  | null
+  | undefined
+  | string
+  | number
+  | boolean
+  | symbol
+  | bigint;
 export declare type EmptyObject = {
   [K in string | number]: never;
 };
 export declare type NonUndefined<T> = T extends undefined ? never : T;
-export declare type LiteralUnion<T extends U, U extends Primitive> = T | (U & {
-  _?: never;
-});
-export declare type DeepPartial<T> = T extends Array<infer U> ? Array<DeepPartial<U>> : T extends ReadonlyArray<infer U> ? ReadonlyArray<DeepPartial<U>> : T extends {
-  [key in keyof T]: T[key];
-} ? {
-    [K in keyof T]?: DeepPartial<T[K]>;
-  } : T;
-export declare type IsAny<T> = boolean extends (T extends never ? true : false) ? true : false;
+export declare type LiteralUnion<T extends U, U extends Primitive> =
+  | T
+  | (U & {
+      _?: never;
+    });
+export declare type DeepPartial<T> = T extends Array<infer U>
+  ? Array<DeepPartial<U>>
+  : T extends ReadonlyArray<infer U>
+  ? ReadonlyArray<DeepPartial<U>>
+  : T extends {
+      [key in keyof T]: T[key];
+    }
+  ? {
+      [K in keyof T]?: DeepPartial<T[K]>;
+    }
+  : T;
+export declare type IsAny<T> = boolean extends (T extends never ? true : false)
+  ? true
+  : false;
 export declare type DeepMap<T, TValue> = {
-  [K in keyof T]?: IsAny<T[K]> extends true ? any : NonNullable<T[K]> extends NestedValue | Date | FileList | File ? TValue : NonUndefined<T[K]> extends object | null ? DeepMap<T[K], TValue> : NonUndefined<T[K]> extends Array<infer U> ? IsAny<U> extends true ? Array<any> : U extends NestedValue | Date | FileList ? Array<TValue> : U extends object ? Array<DeepMap<U, TValue>> : Array<TValue> : TValue;
+  [K in keyof T]?: IsAny<T[K]> extends true
+    ? any
+    : NonNullable<T[K]> extends NestedValue | Date | FileList | File
+    ? TValue
+    : NonUndefined<T[K]> extends object | null
+    ? DeepMap<T[K], TValue>
+    : NonUndefined<T[K]> extends Array<infer U>
+    ? IsAny<U> extends true
+      ? Array<any>
+      : U extends NestedValue | Date | FileList
+      ? Array<TValue>
+      : U extends object
+      ? Array<DeepMap<U, TValue>>
+      : Array<TValue>
+    : TValue;
 };
-export declare type IsFlatObject<T extends object> = Extract<Exclude<T[keyof T], NestedValue | Date | FileList>, any[] | object> extends never ? true : false;
-declare type IsTuple<T extends ReadonlyArray<any>> = number extends T['length'] ? false : true;
-declare type TupleKey<T extends ReadonlyArray<any>> = Exclude<keyof T, keyof any[]>;
+export declare type IsFlatObject<T extends object> = Extract<
+  Exclude<T[keyof T], NestedValue | Date | FileList>,
+  any[] | object
+> extends never
+  ? true
+  : false;
+declare type IsTuple<T extends ReadonlyArray<any>> = number extends T["length"]
+  ? false
+  : true;
+declare type TupleKey<T extends ReadonlyArray<any>> = Exclude<
+  keyof T,
+  keyof any[]
+>;
 declare type ArrayKey = number;
-declare type PathImpl<K extends string | number, V> = V extends Primitive ? `${K}` : `${K}.${Path<V>}`;
+declare type PathImpl<K extends string | number, V> = V extends Primitive
+  ? `${K}`
+  : `${K}.${Path<V>}`;
 export declare type Path<T> = T extends ReadonlyArray<infer V>
-  ?
-  IsTuple<T> extends true
-  ? {
-    [K in TupleKey<T>]-?: PathImpl<K & string, T[K]>;
-  }[TupleKey<T>]
-  : PathImpl<ArrayKey, V>
+  ? IsTuple<T> extends true
+    ? {
+        [K in TupleKey<T>]-?: PathImpl<K & string, T[K]>;
+      }[TupleKey<T>]
+    : PathImpl<ArrayKey, V>
+  : {
+      [K in keyof T]-?: PathImpl<K & string, T[K]>;
+    }[keyof T];
+export declare type FieldPath<TFieldValues extends FieldValues> =
+  Path<TFieldValues>;
+declare type ArrayPathImpl<K extends string | number, V> = V extends Primitive
+  ? never
+  : V extends ReadonlyArray<infer U>
+  ? U extends Primitive
+    ? never
+    : `${K}` | `${K}.${ArrayPath<V>}`
+  : `${K}.${ArrayPath<V>}`;
+export declare type ArrayPath<T> = T extends ReadonlyArray<infer V>
+  ? IsTuple<T> extends true
+    ? {
+        [K in TupleKey<T>]-?: ArrayPathImpl<K & string, T[K]>;
+      }[TupleKey<T>]
+    : ArrayPathImpl<ArrayKey, V>
   : {
-    [K in keyof T]-?: PathImpl<K & string, T[K]>;
-  }[keyof T];
-export declare type FieldPath<TFieldValues extends FieldValues> = Path<TFieldValues>;
-declare type ArrayPathImpl<K extends string | number, V> = V extends Primitive ? never : V extends ReadonlyArray<infer U> ? U extends Primitive ? never : `${K}` | `${K}.${ArrayPath<V>}` : `${K}.${ArrayPath<V>}`;
-export declare type ArrayPath<T> = T extends ReadonlyArray<infer V> ? IsTuple<T> extends true ? {
-  [K in TupleKey<T>]-?: ArrayPathImpl<K & string, T[K]>;
-}[TupleKey<T>] : ArrayPathImpl<ArrayKey, V> : {
-  [K in keyof T]-?: ArrayPathImpl<K & string, T[K]>;
-}[keyof T];
-export declare type FieldArrayPath<TFieldValues extends FieldValues> = ArrayPath<TFieldValues>;
-export declare type PathValue<T, P extends Path<T> | ArrayPath<T>> = P extends `${infer K}.${infer R}` ? K extends keyof T ? R extends Path<T[K]> ? PathValue<T[K], R> : never : K extends `${ArrayKey}` ? T extends ReadonlyArray<infer V> ? PathValue<V, R & Path<V>> : never : never : P extends keyof T ? T[P] : P extends `${ArrayKey}` ? T extends ReadonlyArray<infer V> ? V : never : never;
-export declare type FieldPathValue<TFieldValues extends FieldValues, TFieldPath extends FieldPath<TFieldValues>> = PathValue<TFieldValues, TFieldPath>;
-export declare type FieldArrayPathValue<TFieldValues extends FieldValues, TFieldArrayPath extends FieldArrayPath<TFieldValues>> = PathValue<TFieldValues, TFieldArrayPath>;
-export declare type FieldPathValues<TFieldValues extends FieldValues, TPath extends FieldPath<TFieldValues>[] | readonly FieldPath<TFieldValues>[]> = {} & {
-  [K in keyof TPath]: FieldPathValue<TFieldValues, TPath[K] & FieldPath<TFieldValues>>;
-};
+      [K in keyof T]-?: ArrayPathImpl<K & string, T[K]>;
+    }[keyof T];
+export declare type FieldArrayPath<TFieldValues extends FieldValues> =
+  ArrayPath<TFieldValues>;
+export declare type PathValue<T, P extends Path<T> | ArrayPath<T>> =
+  P extends `${infer K}.${infer R}`
+    ? K extends keyof T
+      ? R extends Path<T[K]>
+        ? PathValue<T[K], R>
+        : never
+      : K extends `${ArrayKey}`
+      ? T extends ReadonlyArray<infer V>
+        ? PathValue<V, R & Path<V>>
+        : never
+      : never
+    : P extends keyof T
+    ? T[P]
+    : P extends `${ArrayKey}`
+    ? T extends ReadonlyArray<infer V>
+      ? V
+      : never
+    : never;
+export declare type FieldPathValue<
+  TFieldValues extends FieldValues,
+  TFieldPath extends FieldPath<TFieldValues>
+> = PathValue<TFieldValues, TFieldPath>;
+export declare type FieldArrayPathValue<
+  TFieldValues extends FieldValues,
+  TFieldArrayPath extends FieldArrayPath<TFieldValues>
+> = PathValue<TFieldValues, TFieldArrayPath>;
+export declare type FieldPathValues<
+  TFieldValues extends FieldValues,
+  TPath extends FieldPath<TFieldValues>[] | readonly FieldPath<TFieldValues>[]
+> = {} & {
+  [K in keyof TPath]: FieldPathValue<
+    TFieldValues,
+    TPath[K] & FieldPath<TFieldValues>
+  >;
+};
+
+export type ToFirebaseType<B> = {
+  [k in keyof B]: B[k] extends Date
+    ? import("firebase/firestore").Timestamp
+    : B[k] extends Object
+    ? ToFirebaseType<B[k]>
+    : B[k];
+};
+
+export type FromFirebaseType<B> = {
+  [k in keyof B]: B[k] extends import("firebase/firestore").Timestamp
+    ? Date
+    : B[k] extends Object
+    ? FromFirebaseType<B[k]>
+    : B[k];
+};