@ornikar/kitt-universal 7.2.0 → 7.3.0

package/dist/definitions/Button/BaseStyledButtonPressable.d.ts

@@ -5,6 +5,7 @@ export interface BaseStyledButtonPressableProps extends ViewProps {
     $type: ButtonType;
     $variant: ButtonVariant;
     $isLarge?: boolean;
+    $isXLarge?: boolean;
     $isStretch?: boolean;
     $isDisabled?: boolean;
 }

package/dist/definitions/Button/BaseStyledButtonPressable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseStyledButtonPressable.d.ts","sourceRoot":"","sources":["../../../src/Button/BaseStyledButtonPressable.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAG1D,MAAM,WAAW,8BAA+B,SAAQ,SAAS;IAC/D,KAAK,EAAE,UAAU,CAAC;IAClB,QAAQ,EAAE,aAAa,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,yBAAyB,kKA8BrC,CAAC"}
+{"version":3,"file":"BaseStyledButtonPressable.d.ts","sourceRoot":"","sources":["../../../src/Button/BaseStyledButtonPressable.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAG1D,MAAM,WAAW,8BAA+B,SAAQ,SAAS;IAC/D,KAAK,EAAE,UAAU,CAAC;IAClB,QAAQ,EAAE,aAAa,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,yBAAyB,kKA+BrC,CAAC"}

package/dist/definitions/Button/Button.d.ts

@@ -11,6 +11,7 @@ export interface ButtonProps {
     disabled?: boolean;
     stretch?: boolean;
     large?: boolean;
+    xLarge?: boolean;
     icon?: ReactElement;
     iconPosition?: IconPosition;
     testID?: PressableProps['testID'];

package/dist/definitions/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAOzD,oBAAY,gBAAgB,GAAG,QAAQ,GAAG,aAAa,CAAC;AACxD,oBAAY,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,gBAAgB,GAAG,OAAO,CAAC;AAE5E,oBAAY,aAAa,GAAG,SAAS,GAAG,OAAO,CAAC;AAEhD,aAAK,YAAY,GAAG,OAAO,GAAG,MAAM,CAAC;AAErC,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,MAAM,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IAC9B,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACxC,iBAAiB,CAAC,EAAE,cAAc,CAAC,mBAAmB,CAAC,CAAC;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IAChC,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;CACrC;AAED,eAAO,MAAM,MAAM,8FA0DlB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAOzD,oBAAY,gBAAgB,GAAG,QAAQ,GAAG,aAAa,CAAC;AACxD,oBAAY,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,gBAAgB,GAAG,OAAO,CAAC;AAE5E,oBAAY,aAAa,GAAG,SAAS,GAAG,OAAO,CAAC;AAEhD,aAAK,YAAY,GAAG,OAAO,GAAG,MAAM,CAAC;AAIrC,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,MAAM,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IAC9B,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACxC,iBAAiB,CAAC,EAAE,cAAc,CAAC,mBAAmB,CAAC,CAAC;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IAChC,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;CACrC;AAED,eAAO,MAAM,MAAM,8FA4DlB,CAAC"}

package/dist/definitions/Button/ButtonContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonContent.d.ts","sourceRoot":"","sources":["../../../src/Button/ButtonContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,KAAK,EAAE,eAAe,EAAuB,MAAM,0BAA0B,CAAC;AAIrF,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AA8EvE,UAAU,kBAAmB,SAAQ,MAAM,CAAC,WAAW,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAC1F,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IAC9B,OAAO,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC;IACpC,UAAU,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CACpC;AAED,UAAU,0BAA2B,SAAQ,MAAM,CAAC,WAAW,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAClG,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IAC9B,KAAK,EAAE,eAAe,CAAC;CACxB;AAQD,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,KAAK,EACL,QAAQ,GACT,EAAE,0BAA0B,GAAG,YAAY,GAAG,IAAI,CA6ClD;AA4BD,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,OAAO,EACP,UAAU,EACV,UAAU,EACV,IAAI,EACJ,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,GAAG,YAAY,CAUnC"}
+{"version":3,"file":"ButtonContent.d.ts","sourceRoot":"","sources":["../../../src/Button/ButtonContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,KAAK,EAAE,eAAe,EAAuB,MAAM,0BAA0B,CAAC;AAIrF,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAgFvE,UAAU,kBAAmB,SAAQ,MAAM,CAAC,WAAW,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAC1F,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IAC9B,OAAO,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC;IACpC,UAAU,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CACpC;AAED,UAAU,0BAA2B,SAAQ,MAAM,CAAC,WAAW,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAClG,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IAC9B,KAAK,EAAE,eAAe,CAAC;CACxB;AAQD,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,KAAK,EACL,QAAQ,GACT,EAAE,0BAA0B,GAAG,YAAY,GAAG,IAAI,CA6ClD;AA4BD,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,OAAO,EACP,UAAU,EACV,UAAU,EACV,IAAI,EACJ,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,GAAG,YAAY,CAUnC"}

package/dist/definitions/PageLoader/AnimatedBackgroundCircle.d.ts

@@ -0,0 +1,3 @@
+import type { ReactElement } from 'react';
+export declare function AnimatedBackgroundCircle(): ReactElement;
+//# sourceMappingURL=AnimatedBackgroundCircle.d.ts.map

package/dist/definitions/PageLoader/AnimatedBackgroundCircle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedBackgroundCircle.d.ts","sourceRoot":"","sources":["../../../src/PageLoader/AnimatedBackgroundCircle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAO1C,wBAAgB,wBAAwB,IAAI,YAAY,CAqBvD"}

package/dist/definitions/PageLoader/AnimatedFillCircle.d.ts

@@ -0,0 +1,3 @@
+import type { ReactElement } from 'react';
+export declare function AnimatedFilledCircle(): ReactElement;
+//# sourceMappingURL=AnimatedFillCircle.d.ts.map

package/dist/definitions/PageLoader/AnimatedFillCircle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedFillCircle.d.ts","sourceRoot":"","sources":["../../../src/PageLoader/AnimatedFillCircle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAW1C,wBAAgB,oBAAoB,IAAI,YAAY,CA6BnD"}

package/dist/definitions/PageLoader/AnimatedFillCircleContainer.d.ts

@@ -0,0 +1,8 @@
+import type { ReactElement, ReactNode } from 'react';
+interface AnimatedFillCircleContainerProps {
+    children: NonNullable<ReactNode>;
+    duration: number;
+}
+export declare function AnimatedFillCircleContainer({ children, duration }: AnimatedFillCircleContainerProps): ReactElement;
+export {};
+//# sourceMappingURL=AnimatedFillCircleContainer.d.ts.map

package/dist/definitions/PageLoader/AnimatedFillCircleContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedFillCircleContainer.d.ts","sourceRoot":"","sources":["../../../src/PageLoader/AnimatedFillCircleContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAerD,UAAU,gCAAgC;IACxC,QAAQ,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACjC,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,2BAA2B,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,gCAAgC,GAAG,YAAY,CA0BlH"}

package/dist/definitions/PageLoader/AnimatedLoaderCircle.d.ts

@@ -0,0 +1,10 @@
+import type { ReactElement } from 'react';
+import Animated from 'react-native-reanimated';
+import type { CircleProps } from 'react-native-svg';
+interface PageLoaderCircleProps {
+    color: CircleProps['stroke'];
+    progress: Animated.SharedValue<number>;
+}
+export declare function AnimatedLoaderCircle({ color, progress }: PageLoaderCircleProps): ReactElement;
+export {};
+//# sourceMappingURL=AnimatedLoaderCircle.d.ts.map

package/dist/definitions/PageLoader/AnimatedLoaderCircle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedLoaderCircle.d.ts","sourceRoot":"","sources":["../../../src/PageLoader/AnimatedLoaderCircle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,QAA8B,MAAM,yBAAyB,CAAC;AACrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAMpD,UAAU,qBAAqB;IAC7B,KAAK,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC7B,QAAQ,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;CACxC;AAED,wBAAgB,oBAAoB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,qBAAqB,GAAG,YAAY,CA6B7F"}

package/dist/definitions/PageLoader/PageLoader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageLoader.d.ts","sourceRoot":"","sources":["../../../src/PageLoader/PageLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAI1C,oBAAY,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AAOpD,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,YAAY,CAK/D"}
+{"version":3,"file":"PageLoader.d.ts","sourceRoot":"","sources":["../../../src/PageLoader/PageLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAa,MAAM,OAAO,CAAC;AAiBrD,oBAAY,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AAEpD,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,YAAY,CAO/D"}

package/dist/definitions/PageLoader/PageLoader.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageLoader.web.d.ts","sourceRoot":"","sources":["../../../src/PageLoader/PageLoader.web.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAqF1C,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,YAAY,CAerE"}
+{"version":3,"file":"PageLoader.web.d.ts","sourceRoot":"","sources":["../../../src/PageLoader/PageLoader.web.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAkG1C,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,YAAY,CA4BrE"}

package/dist/definitions/forms/DatePicker/DatePickerInputPart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerInputPart.d.ts","sourceRoot":"","sources":["../../../../src/forms/DatePicker/DatePickerInputPart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AA0BnE,UAAU,wBAAyB,SAAQ,mBAAmB;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,WAAW,EACX,KAAK,EACL,QAAQ,EACR,QAAQ,GACT,EAAE,wBAAwB,GAAG,YAAY,CAYzC"}
+{"version":3,"file":"DatePickerInputPart.d.ts","sourceRoot":"","sources":["../../../../src/forms/DatePicker/DatePickerInputPart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AA4BnE,UAAU,wBAAyB,SAAQ,mBAAmB;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,WAAW,EACX,KAAK,EACL,QAAQ,EACR,QAAQ,GACT,EAAE,wBAAwB,GAAG,YAAY,CAYzC"}

package/dist/definitions/forms/InputText/InputText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputText.d.ts","sourceRoot":"","sources":["../../../../src/forms/InputText/InputText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAgB,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,SAAS,IAAI,WAAW,EAAE,cAAc,IAAI,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAMjG,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAI7D,MAAM,WAAW,cAAe,SAAQ,OAAO,CAAC,gBAAgB,EAAE,UAAU,CAAC;IAC3E,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,gBAAgB;IAChB,kBAAkB,CAAC,EAAE,YAAY,CAAC;CACnC;AAkCD,eAAO,MAAM,SAAS,wGAwDrB,CAAC"}
+{"version":3,"file":"InputText.d.ts","sourceRoot":"","sources":["../../../../src/forms/InputText/InputText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAgB,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,SAAS,IAAI,WAAW,EAAE,cAAc,IAAI,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAMjG,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAI7D,MAAM,WAAW,cAAe,SAAQ,OAAO,CAAC,gBAAgB,EAAE,UAAU,CAAC;IAC3E,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,gBAAgB;IAChB,kBAAkB,CAAC,EAAE,YAAY,CAAC;CACnC;AAmCD,eAAO,MAAM,SAAS,wGAwDrB,CAAC"}

package/dist/definitions/themes/late-ocean/button.d.ts

@@ -51,13 +51,14 @@ export interface ButtonTheme {
     contentPadding: {
         default: string;
         large: string;
+        xLarge: string;
         disabled: string;
     };
     transition: {
         duration: string;
         timingFunction: string;
     };
-    default: BaseButtonTheme;
+    default: BaseButtonWithVariant;
     primary: BaseButtonWithVariant;
     white: BaseButtonTheme;
     subtle: SubtleButtonTheme;

package/dist/definitions/themes/late-ocean/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/themes/late-ocean/button.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,gBAAgB;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,sBAAsB,EAAE,MAAM,CAAC;IAC/B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,iBAAkB,SAAQ,gBAAgB;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;CACrB;AACD,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,gBAAgB,CAAC;CAC3B;AAED,MAAM,WAAW,qBAAsB,SAAQ,eAAe;IAC5D,KAAK,EAAE,iBAAiB,CAAC;CAC1B;AAED,MAAM,WAAW,sBAAuB,SAAQ,gBAAgB;IAC9D,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,OAAO,EAAE,sBAAsB,CAAC;CACjC;AAED,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB;IAChE,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,mBAAoB,SAAQ,eAAe;IAC1D,OAAO,EAAE,wBAAwB,CAAC;CACnC;AAED,MAAM,WAAW,WAAW;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE;QACX,QAAQ,EAAE,MAAM,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE;QACL,IAAI,EAAE;YACJ,OAAO,EAAE,MAAM,CAAC;YAChB,KAAK,EAAE,MAAM,CAAC;YACd,MAAM,EAAE,MAAM,CAAC;SAChB,CAAC;QACF,MAAM,EAAE;YACN,KAAK,EAAE,MAAM,CAAC;SACf,CAAC;KACH,CAAC;IACF,cAAc,EAAE;QACd,OAAO,EAAE,MAAM,CAAC;QAChB,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,UAAU,EAAE;QACV,QAAQ,EAAE,MAAM,CAAC;QACjB,cAAc,EAAE,MAAM,CAAC;KACxB,CAAC;IACF,OAAO,EAAE,eAAe,CAAC;IACzB,OAAO,EAAE,qBAAqB,CAAC;IAC/B,KAAK,EAAE,eAAe,CAAC;IACvB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,aAAa,EAAE,iBAAiB,CAAC;IACjC,QAAQ,EAAE,mBAAmB,CAAC;CAC/B;AAED,eAAO,MAAM,MAAM,EAAE,WA4FpB,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/themes/late-ocean/button.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,gBAAgB;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,sBAAsB,EAAE,MAAM,CAAC;IAC/B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,iBAAkB,SAAQ,gBAAgB;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;CACrB;AACD,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,gBAAgB,CAAC;CAC3B;AAED,MAAM,WAAW,qBAAsB,SAAQ,eAAe;IAC5D,KAAK,EAAE,iBAAiB,CAAC;CAC1B;AAED,MAAM,WAAW,sBAAuB,SAAQ,gBAAgB;IAC9D,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,OAAO,EAAE,sBAAsB,CAAC;CACjC;AAED,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB;IAChE,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,mBAAoB,SAAQ,eAAe;IAC1D,OAAO,EAAE,wBAAwB,CAAC;CACnC;AAED,MAAM,WAAW,WAAW;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE;QACX,QAAQ,EAAE,MAAM,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE;QACL,IAAI,EAAE;YACJ,OAAO,EAAE,MAAM,CAAC;YAChB,KAAK,EAAE,MAAM,CAAC;YACd,MAAM,EAAE,MAAM,CAAC;SAChB,CAAC;QACF,MAAM,EAAE;YACN,KAAK,EAAE,MAAM,CAAC;SACf,CAAC;KACH,CAAC;IACF,cAAc,EAAE;QACd,OAAO,EAAE,MAAM,CAAC;QAChB,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,UAAU,EAAE;QACV,QAAQ,EAAE,MAAM,CAAC;QACjB,cAAc,EAAE,MAAM,CAAC;KACxB,CAAC;IACF,OAAO,EAAE,qBAAqB,CAAC;IAC/B,OAAO,EAAE,qBAAqB,CAAC;IAC/B,KAAK,EAAE,eAAe,CAAC;IACvB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,aAAa,EAAE,iBAAiB,CAAC;IACjC,QAAQ,EAAE,mBAAmB,CAAC;CAC/B;AAED,eAAO,MAAM,MAAM,EAAE,WAsGpB,CAAC"}

package/dist/definitions/themes/late-ocean/input.d.ts

@@ -18,8 +18,8 @@ export interface InputTheme {
         size: number;
     };
     padding: {
-        default: string;
-        iOSSingleLine: string;
+        horizontal: number;
+        vertical: number;
     };
     transition: {
         property: string;

package/dist/definitions/themes/late-ocean/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../src/themes/late-ocean/input.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGtD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,WAAW,eAAe;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,OAAO,UAAU,CAAC,MAAM,CAAC;CACvC;AAED,oBAAY,eAAe,GAAG,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,CAAC;AAqCpE,MAAM,WAAW,UAAU;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE;QACL,SAAS,EAAE,MAAM,CAAC;QAClB,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,OAAO,EAAE;QACP,OAAO,EAAE,MAAM,CAAC;QAChB,aAAa,EAAE,MAAM,CAAC;KACvB,CAAC;IACF,UAAU,EAAE;QACV,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,cAAc,EAAE,MAAM,CAAC;KACxB,CAAC;IACF,MAAM,EAAE,eAAe,CAAC;CACzB;AAED,eAAO,MAAM,KAAK,EAAE,UAqBnB,CAAC"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../src/themes/late-ocean/input.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGtD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,WAAW,eAAe;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,OAAO,UAAU,CAAC,MAAM,CAAC;CACvC;AAED,oBAAY,eAAe,GAAG,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,CAAC;AAqCpE,MAAM,WAAW,UAAU;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE;QACL,SAAS,EAAE,MAAM,CAAC;QAClB,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,OAAO,EAAE;QACP,UAAU,EAAE,MAAM,CAAC;QACnB,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,UAAU,EAAE;QACV,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,cAAc,EAAE,MAAM,CAAC;KACxB,CAAC;IACF,MAAM,EAAE,eAAe,CAAC;CACzB;AAED,eAAO,MAAM,KAAK,EAAE,UAqBnB,CAAC"}

package/dist/definitions/themes/late-ocean/pageLoader.d.ts

@@ -1,5 +1,18 @@
 export interface PageLoaderTheme {
     size: number;
+    strokeWidth: number;
+    colors: {
+        base: string;
+        fill: string;
+    };
+    animation: {
+        delay: number;
+        circleBackgroundFillDuration: number;
+        filledCircleFillDuration: number;
+        groupFilledCircleRotationDuration: number;
+        filledCircleRotationDuration: number;
+        fillEasingFunction: [number, number, number, number];
+    };
 }
 export declare const pageLoader: PageLoaderTheme;
 //# sourceMappingURL=pageLoader.d.ts.map

package/dist/definitions/themes/late-ocean/pageLoader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pageLoader.d.ts","sourceRoot":"","sources":["../../../../src/themes/late-ocean/pageLoader.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,UAAU,EAAE,eAExB,CAAC"}
+{"version":3,"file":"pageLoader.d.ts","sourceRoot":"","sources":["../../../../src/themes/late-ocean/pageLoader.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE;QACN,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,SAAS,EAAE;QACT,KAAK,EAAE,MAAM,CAAC;QACd,4BAA4B,EAAE,MAAM,CAAC;QACrC,wBAAwB,EAAE,MAAM,CAAC;QACjC,iCAAiC,EAAE,MAAM,CAAC;QAC1C,4BAA4B,EAAE,MAAM,CAAC;QACrC,kBAAkB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;KACtD,CAAC;CACH;AAED,eAAO,MAAM,UAAU,EAAE,eAexB,CAAC"}

package/dist/index-browser-all.es.android.js

@@ -2,12 +2,12 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { UserIcon, CheckboxMark, XIcon, EyeOffIcon, EyeIcon, ArcIcon, InfoIcon, AlertTriangleIcon, CheckIcon, AlertCircleIcon, TooltipArrowIcon } from '@ornikar/kitt-icons';
 export * from '@ornikar/kitt-icons';
-import { useWindowDimensions, Platform, Image, Linking, Pressable, StyleSheet, ScrollView, Modal as Modal$1, Text as Text$1, TextInput, View, Animated as Animated$1, Easing, ActivityIndicator } from 'react-native';
+import { useWindowDimensions, Platform, Image, Linking, Pressable, StyleSheet, ScrollView, Modal as Modal$1, Text as Text$1, TextInput, View, Animated as Animated$1, Easing } from 'react-native';
 export { useWindowDimensions as useWindowSize } from 'react-native';
 import styled, { css, useTheme, ThemeProvider } from 'styled-components/native';
 import { cloneElement, useContext, createContext, forwardRef, useMemo, useState, useRef, useEffect, Fragment as Fragment$1, Children } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import Animated, { useSharedValue, useAnimatedStyle, interpolateColor, withSpring, withRepeat, withTiming, Easing as Easing$1, interpolate } from 'react-native-reanimated';
+import Animated, { useSharedValue, useAnimatedStyle, interpolateColor, withSpring, useAnimatedProps, withDelay, withTiming, Easing as Easing$1, withRepeat, interpolate } from 'react-native-reanimated';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { parse } from 'twemoji-parser';
 import { openBrowserAsync } from 'expo-web-browser';
@@ -15,6 +15,7 @@ import DateTimePicker, { DateTimePickerAndroid } from '@react-native-community/d
 import { FormattedMessage } from 'react-intl';
 import _extends from '@babel/runtime/helpers/extends';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import Svg, { Circle as Circle$1 } from 'react-native-svg';
 import { LinearGradient } from 'expo-linear-gradient';
 import { useFloating, offset, shift, flip } from '@floating-ui/react-native';
 import { makeDecorator } from '@storybook/addons';
@@ -494,11 +495,14 @@ var BaseStyledButtonPressable = /*#__PURE__*/styled.View.withConfig({
 }, function (_ref7) {
   var theme = _ref7.theme,
       $isLarge = _ref7.$isLarge,
+      $isXLarge = _ref7.$isXLarge,
       $isDisabled = _ref7.$isDisabled;
   var _theme$kitt$button$co = theme.kitt.button.contentPadding,
       large = _theme$kitt$button$co.large,
       defaultPadding = _theme$kitt$button$co["default"],
-      disabledPadding = _theme$kitt$button$co.disabled;
+      disabledPadding = _theme$kitt$button$co.disabled,
+      xLarge = _theme$kitt$button$co.xLarge;
+  if ($isXLarge) return xLarge;
   if ($isLarge) return large;
   if ($isDisabled) return disabledPadding;
   return defaultPadding;
@@ -557,6 +561,9 @@ var getTextColorByType = function (type, variant) {
     case 'subtle-dark':
       return 'black';
 
+    case 'default':
+      return variant === 'ghost' ? 'white' : 'black';
+
     default:
       return 'black';
   }
@@ -711,6 +718,7 @@ var StyledDisabled = /*#__PURE__*/styled.View.withConfig({
   return theme.kitt.button.borderRadius;
 });
 
+var allowedGhostTypes = ['primary', 'default'];
 var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
       _ref$type = _ref.type,
@@ -720,6 +728,7 @@ var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
       disabled = _ref.disabled,
       stretch = _ref.stretch,
       large = _ref.large,
+      xLarge = _ref.xLarge,
       icon = _ref.icon,
       _ref$iconPosition = _ref.iconPosition,
       iconPosition = _ref$iconPosition === void 0 ? 'left' : _ref$iconPosition,
@@ -730,8 +739,8 @@ var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
       accessibilityRole = _ref$accessibilityRol === void 0 ? 'button' : _ref$accessibilityRol,
       onPress = _ref.onPress;
 
-  if ((process.env.NODE_ENV !== "production") && variant === 'ghost' && type !== 'primary') {
-    throw new Error('variant=ghost is only allowed with type=primary');
+  if ((process.env.NODE_ENV !== "production") && variant === 'ghost' && !allowedGhostTypes.includes(type)) {
+    throw new Error('variant=ghost is only allowed with type=primary or default');
   }
 
   return /*#__PURE__*/jsx(AnimatedButtonPressable, {
@@ -750,6 +759,7 @@ var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
       $variant: variant,
       $isStretch: stretch,
       $isLarge: large,
+      $isXLarge: xLarge,
       $isDisabled: disabled,
       children: [/*#__PURE__*/jsx(ButtonContent, {
         type: type,
@@ -959,6 +969,7 @@ var button = {
   contentPadding: {
     "default": '7px 16px 7px',
     large: '11px 24px 11px',
+    xLarge: '15px 24px 15px',
     disabled: '5px 14px 5px'
   },
   transition: {
@@ -971,6 +982,15 @@ var button = {
       pressedBackgroundColor: 'rgba(0, 0, 0, 0.1)',
       hoverBackgroundColor: 'rgba(0, 0, 0, 0.1)',
       focusBorderColor: 'rgba(0, 0, 0, 0.1)'
+    },
+    ghost: {
+      backgroundColor: 'rgba(255, 255, 255, 0.1)',
+      pressedBackgroundColor: 'rgba(255, 255, 255, 0.05)',
+      hoverBackgroundColor: 'rgba(255, 255, 255, 0.05)',
+      focusBorderColor: 'rgba(255, 255, 255, 0.4)',
+      color: lateOceanColorPalette.white,
+      hoverColor: lateOceanColorPalette.white,
+      activeColor: lateOceanColorPalette.white
     }
   },
   primary: {
@@ -1210,8 +1230,8 @@ var input = {
     size: 20
   },
   padding: {
-    "default": '5px 16px',
-    iOSSingleLine: '7px 16px'
+    horizontal: 16,
+    vertical: 5
   },
   transition: {
     property: 'border-color',
@@ -1326,7 +1346,20 @@ var listItem = {
 };
 
 var pageLoader = {
-  size: 60
+  size: 60,
+  strokeWidth: 3,
+  colors: {
+    base: colors.separator,
+    fill: colors.primary
+  },
+  animation: {
+    delay: 500,
+    circleBackgroundFillDuration: 1000,
+    filledCircleFillDuration: 1800,
+    groupFilledCircleRotationDuration: 1800,
+    filledCircleRotationDuration: 2160,
+    fillEasingFunction: [0.39, 0.575, 0.565, 1]
+  }
 };
 
 var shadows = {
@@ -1622,7 +1655,7 @@ var ViewInput = /*#__PURE__*/styled.View.withConfig({
   displayName: "DatePickerInputPart__ViewInput"
 })(["", " padding:", ";min-height:", "px;min-width:", ";"], styledTextInputMixin, function (_ref) {
   var theme = _ref.theme;
-  return theme.kitt.forms.input.padding["default"];
+  return "".concat(theme.kitt.forms.input.padding.vertical, "px ").concat(theme.kitt.forms.input.padding.horizontal, "px");
 }, function (_ref2) {
   var theme = _ref2.theme;
   return theme.kitt.forms.input.minHeight;
@@ -2336,20 +2369,18 @@ var StyledTextInput = /*#__PURE__*/styled(TextInput).withConfig({
 })(["", " padding:", ";line-height:", ";width:100%;min-height:", "px;"], styledTextInputMixin, function (_ref) {
   var theme = _ref.theme,
       multiline = _ref.multiline;
-
-  if (!multiline && Platform.OS === 'ios') {
-    return theme.kitt.forms.input.padding.iOSSingleLine;
-  }
-
-  return theme.kitt.forms.input.padding["default"];
+  if (!multiline && Platform.OS !== 'web') return "0 ".concat(theme.kitt.forms.input.padding.horizontal, "px");
+  return "".concat(theme.kitt.forms.input.padding.vertical, "px ").concat(theme.kitt.forms.input.padding.horizontal, "px");
 }, function (_ref2) {
   var theme = _ref2.theme,
       multiline = _ref2.multiline;
-  if (!multiline && Platform.OS === 'ios') return 0;
+  if (!multiline && Platform.OS !== 'web') return 0;
   var typeConfigKey = getTypographyTypeConfigKey(theme);
   return "".concat(theme.kitt.typography.types.bodies.configs.body[typeConfigKey].lineHeight, "px");
 }, function (_ref3) {
-  var $minHeight = _ref3.$minHeight;
+  var theme = _ref3.theme,
+      _ref3$$minHeight = _ref3.$minHeight,
+      $minHeight = _ref3$$minHeight === void 0 ? theme.kitt.forms.input.minHeight : _ref3$$minHeight;
   return $minHeight;
 });
 var RightInputContainer = /*#__PURE__*/styled.View.withConfig({
@@ -2358,8 +2389,7 @@ var RightInputContainer = /*#__PURE__*/styled.View.withConfig({
 var InputText = /*#__PURE__*/forwardRef(function (_ref4, ref) {
   var id = _ref4.id,
       right = _ref4.right,
-      _ref4$minHeight = _ref4.minHeight,
-      minHeight = _ref4$minHeight === void 0 ? 0 : _ref4$minHeight,
+      minHeight = _ref4.minHeight,
       formState = _ref4.state,
       internalForceState = _ref4.internalForceState,
       _ref4$disabled = _ref4.disabled,
@@ -3242,19 +3272,178 @@ function Notification(_ref) {
   });
 }
 
-function getActivityIndicatorSize(size) {
-  if (Platform.OS === 'android') return size;
-  return size < 36 ? 'small' : 'large';
+var AnimatedCircle = Animated.createAnimatedComponent(Circle$1);
+function AnimatedLoaderCircle(_ref) {
+  var color = _ref.color,
+      progress = _ref.progress;
+  var theme = /*#__PURE__*/useTheme();
+  var _theme$kitt$pageLoade = theme.kitt.pageLoader,
+      strokeWidth = _theme$kitt$pageLoade.strokeWidth,
+      size = _theme$kitt$pageLoade.size;
+  var centerCoord = size * 0.5;
+  var circlePerimeter = 2 * Math.PI * (size * 0.5 - strokeWidth);
+  var strokeAnimation = useAnimatedProps(function () {
+    var _f = function () {
+      return {
+        strokeDashoffset: circlePerimeter - circlePerimeter * progress.value
+      };
+    };
+
+    _f._closure = {
+      circlePerimeter: circlePerimeter,
+      progress: progress
+    };
+    _f.asString = "function _f(){const{circlePerimeter,progress}=jsThis._closure;{return{strokeDashoffset:circlePerimeter-circlePerimeter*progress.value};}}";
+    _f.__workletHash = 1345639818356;
+    _f.__location = "/home/circleci/repo/@ornikar/kitt-universal/src/PageLoader/AnimatedLoaderCircle.tsx (23:43)";
+
+    global.__reanimatedWorkletInit(_f);
+
+    return _f;
+  }());
+  return /*#__PURE__*/jsx(AnimatedCircle, {
+    "transform-origin": "center center",
+    strokeWidth: strokeWidth,
+    stroke: color,
+    strokeLinecap: "round",
+    cx: centerCoord,
+    cy: centerCoord,
+    r: centerCoord - strokeWidth,
+    fill: "none",
+    strokeDasharray: circlePerimeter,
+    animatedProps: strokeAnimation
+  });
 }
 
-function PageLoader() {
+function AnimatedBackgroundCircle() {
+  var theme = /*#__PURE__*/useTheme();
+  var progress = useSharedValue(0);
+  var _theme$kitt$pageLoade = theme.kitt.pageLoader,
+      animation = _theme$kitt$pageLoade.animation,
+      colors = _theme$kitt$pageLoade.colors,
+      size = _theme$kitt$pageLoade.size;
+  useEffect(function () {
+    var delay = animation.delay,
+        circleBackgroundFillDuration = animation.circleBackgroundFillDuration,
+        fillEasingFunction = animation.fillEasingFunction;
+
+    var _fillEasingFunction = _slicedToArray(fillEasingFunction, 4),
+        x1 = _fillEasingFunction[0],
+        y1 = _fillEasingFunction[1],
+        x2 = _fillEasingFunction[2],
+        y2 = _fillEasingFunction[3];
+
+    progress.value = withDelay(delay, withTiming(1, {
+      duration: circleBackgroundFillDuration,
+      easing: Easing$1.bezier(x1, y1, x2, y2)
+    }));
+  }, [progress, animation]);
+  return /*#__PURE__*/jsx(Svg, {
+    width: size,
+    height: size,
+    viewBox: "0 0 ".concat(size, " ").concat(size),
+    children: /*#__PURE__*/jsx(AnimatedLoaderCircle, {
+      color: colors.base,
+      progress: progress
+    })
+  });
+}
+
+var isInfinitAnimation$1 = -1;
+function AnimatedFillCircleContainer(_ref) {
+  var children = _ref.children,
+      duration = _ref.duration;
   var theme = /*#__PURE__*/useTheme();
-  var size = theme.kitt.pageLoader.size;
-  var colorHex = theme.kitt.typography.colors.primary;
-  return /*#__PURE__*/jsx(ActivityIndicator, {
-    testID: "ActivityIndicator",
-    color: colorHex,
-    size: getActivityIndicatorSize(size)
+  var progress = useSharedValue(0);
+  var animation = theme.kitt.pageLoader.animation;
+  useEffect(function () {
+    var delay = animation.delay;
+    progress.value = withDelay(delay, withRepeat(withTiming(1, {
+      duration: duration,
+      easing: Easing$1.linear
+    }), isInfinitAnimation$1));
+  }, [progress, animation, duration]);
+  var rotationStyles = useAnimatedStyle(function () {
+    var _f = function () {
+      return {
+        transform: [{
+          rotate: "".concat(360 * progress.value, "deg")
+        }]
+      };
+    };
+
+    _f._closure = {
+      progress: progress
+    };
+    _f.asString = "function _f(){const{progress}=jsThis._closure;{return{transform:[{rotate:360*progress.value+\"deg\"}]};}}";
+    _f.__workletHash = 16553090406738;
+    _f.__location = "/home/circleci/repo/@ornikar/kitt-universal/src/PageLoader/AnimatedFillCircleContainer.tsx (36:42)";
+    _f.__optimalization = 3;
+
+    global.__reanimatedWorkletInit(_f);
+
+    return _f;
+  }());
+  return /*#__PURE__*/jsx(Animated.View, {
+    style: [StyleSheet.absoluteFill, rotationStyles],
+    children: children
+  });
+}
+
+var isInfinitAnimation = -1;
+var shouldReverse = true;
+function AnimatedFilledCircle() {
+  var theme = /*#__PURE__*/useTheme();
+  var progress = useSharedValue(0);
+  var _theme$kitt$pageLoade = theme.kitt.pageLoader,
+      size = _theme$kitt$pageLoade.size,
+      animation = _theme$kitt$pageLoade.animation,
+      colors = _theme$kitt$pageLoade.colors;
+  useEffect(function () {
+    var delay = animation.delay,
+        filledCircleFillDuration = animation.filledCircleFillDuration,
+        fillEasingFunction = animation.fillEasingFunction;
+
+    var _fillEasingFunction = _slicedToArray(fillEasingFunction, 4),
+        x1 = _fillEasingFunction[0],
+        y1 = _fillEasingFunction[1],
+        x2 = _fillEasingFunction[2],
+        y2 = _fillEasingFunction[3];
+
+    progress.value = withDelay(delay, withRepeat(withTiming(0.8, {
+      duration: filledCircleFillDuration,
+      easing: Easing$1.bezier(x1, y1, x2, y2)
+    }), isInfinitAnimation, shouldReverse));
+  }, [progress, animation]);
+  return /*#__PURE__*/jsx(AnimatedFillCircleContainer, {
+    duration: animation.groupFilledCircleRotationDuration,
+    children: /*#__PURE__*/jsx(AnimatedFillCircleContainer, {
+      duration: animation.filledCircleRotationDuration,
+      children: /*#__PURE__*/jsx(Svg, {
+        width: size,
+        height: size,
+        viewBox: "0 0 ".concat(size, " ").concat(size),
+        children: /*#__PURE__*/jsx(AnimatedLoaderCircle, {
+          color: colors.fill,
+          progress: progress
+        })
+      })
+    })
+  });
+}
+
+var PageLoaderContainer = /*#__PURE__*/styled.View.withConfig({
+  displayName: "PageLoader__PageLoaderContainer"
+})(["transform:scale(-1) rotate(90deg);position:relative;width:", "px;height:", "px;"], function (_ref) {
+  var theme = _ref.theme;
+  return theme.kitt.pageLoader.size;
+}, function (_ref2) {
+  var theme = _ref2.theme;
+  return theme.kitt.pageLoader.size;
+});
+function PageLoader() {
+  return /*#__PURE__*/jsxs(PageLoaderContainer, {
+    children: [/*#__PURE__*/jsx(AnimatedBackgroundCircle, {}), /*#__PURE__*/jsx(AnimatedFilledCircle, {})]
   });
 }